javascript - たくさんの要素を持つコンボボックスのJavascriptコンボボックスの良い代替品?

Question

コンボボックスに何百もの要素が含まれているページがあり、必要な項目を 1 つ選択するのが非常に困難です。よりも優れたJavascriptの代替品はありますか

<select id="field-component" name="field_component"> 
                  <option selected="selected">1</option><option>2</option>...
</select>

「Intellisense」のようなオートコンプリート機能はありますか?

score 6 · Accepted Answer

HTML 5 には、標準のコンボボックスがあります。

現在、Opera のみがサポートしていますが、たまたまタイムトラベラーであるか、Opera のみのアプリケーションを作成している場合、これは素晴らしい解決策です:)

<input type=text list=listid>
<datalist id=listid>
  <select><option>1<option>2</select>
</datalist>

score 3 · Accepted Answer

入力フィールドに入力するときに ajax を使用してデータを取得するdhtmlCombo があります。

dhtmlxCombo は、オートコンプリート機能を備えたクロスブラウザー JavaScript コンボボックスです。

最新の Web アプリケーションの要件を満たすために、基本的な選択ボックス機能を拡張します。

dhtmlxCombo は、既存の HTML SELECT から変換するか、JavaScript を取り込むことができます。AJAX をサポートしているため、サーバーデータソースから動的にリスト値を取得することもできます。

score 3 · Accepted Answer

jQuery Autocompleteプラグインを確認してください。使いやすく、JSON 応答サーバー側を生成するだけで済みます。

このデモを参照してください。

score 0 · Accepted Answer

このコンボボックスの実現を試すことができますhttp://www.zoonman.com/projects/combobox/

score 0 · Accepted Answer

注: 選択ボックスが現在フォーカスされている場合、キーボードで入力すると、そのテキストで始まる選択が表示されるため、米国の州のドロップダウンに「ken」と入力すると、「Kentucky」オプションが自動的に選択されます。 .

score 0 · Accepted Answer

typeahead.jsTwitter の無料ライブラリは、現在利用できる最高のオートコンプリートライブラリだと思います。http://twitter.github.io/typeahead.js/で確認してください。

score 0 · Accepted Answer

PrototypeとScriptaculousを使用したオートコンプリートは、この状況でうまく機能します。

7 に答える 7