0

如何使用选择标签工作 jquery 自动完成？

HTML

<input type="text" id="search" onkeydown="autoCompleteByTag(this)"  name="data[search]" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">

<select id="search_type"  onchange="autoCompleteByTag(this)" name="data[search_type]">
<option value="new">New</option>
<option value="old">Old</option>
</select>

此处input#search字段自动完成工作正常，但如何input使用选择框自动完成此标签。即当 onchange 时select#search_type，需要在input#search字段中完成自动完成功能。

4

2 回答 2

0

只看代码，我不确定你想要实现什么。jQuery 中自动完成功能背后的想法是在您查看一长串可能的输入元素时加快输入速度。例如查找英国地名或足球队等，这将有一个 SELECT 下拉列表，导航起来很麻烦。

如果 SELECT 下拉菜单中只有两个元素，那么自动完成不是最佳解决方案。如果您有更多元素并且显示的代码只是一个示例，那么您再次需要更加具体。

我将在此不遗余力地建议您尝试使用 SELECT 下拉框来限制从该输入类型派生的输入值，并使用自动完成来加快选择过程。

于 2012-05-22T08:14:26.697 回答
0

它可以通过函数来​​完成

html

<select id="search_type"  onchange="changeOnType()" name="data[search_type]">

Javascript

function changeOnType() {
    $('#search').autocomplete( "search",  $('#search').val() );
}

所以input#search从这里触发，自动完成列表将在字段changeOnType() 中下拉input#search

于 2012-05-22T13:58:27.610 回答