如何使用select标签处理jquery自动完成?

时间:2012-05-22 07:40:58

标签: jquery jquery-autocomplete

如何使用select标签处理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代码。 即在select#search_type更改时,自动完成功能需要在input#search字段中完成。

2 个答案:

答案 0 :(得分:0)

只看代码,我不确定你想要实现的目标。 jQuery中自动完成功能背后的想法是当你查看一长串可能的输入元素时加快输入。例如查询英国地名或足球队等,这些将有一个SELECT下拉列表,以便进行繁琐的导航。

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

我将在这里发表意见并建议您尝试使用SELECT下拉框来限制从此输入类型派生的输入值,并使用自动完成来加速选择过程。< / p>

答案 1 :(得分: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字段

将自动填充列表下拉