0

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フィールドで実行する必要があります。

4

2 に答える 2

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 に答える
0

コードを見ただけでは、何を達成しようとしているのかわかりません。jQuery のオートコンプリート機能の背後にある考え方は、可能な入力要素の長いリストを見ているときに入力を高速化することです。ナビゲートするのが面倒な SELECT ドロップダウン リストがある、英国の地名やフットボール チームなどの検索など。

SELECT ドロップダウンに 2 つの要素しかない場合、オートコンプリートは最適なソリューションではありません。さらに多くの要素があり、示されているコードが単なる例である場合は、もう一度、より具体的にする必要があります。

ここでは、SELECT ドロップダウン ボックスを使用して、この入力タイプから派生する入力値を制限し、オートコンプリートを使用して選択プロセスを高速化することをお勧めします。

于 2012-05-22T08:14:26.697 に答える