ダイナミック検索ボックスを自動作成し、Javascriptで自動提出する

Question

編集**ダイナミック検索ボックスの作成にどのように最善のアプローチをとっているかの概要や全体像のみを探しています。

Javascriptで動的検索ボックスを作成したいと考えています。 検索ボックスは、ユーザーの種類（オートコンプリート機能）として提案を表示し、ユーザーが結果ページに自動提出する提案を選択すると（onchange機能？） これはGoogleの検索ボックスと同じです。 これを行う最善の方法は何ですか？ 現在、私はHTMLデータリスト、onchange関数を使用していて、何らかの形でイベントハンドラを新しい結果ページにリンクしています。

ありがとうございます。

Answer 1

JQueryをAutoSuggestプラグインと共に使用します。

http://docs.jquery.com/Plugins/autocomplete

HTMLでこれを行う、その後、（上記のドキュメントを参照してください）JSライブラリを含める：

<input type="text" class="autocomplete" name="n1" /> 
<input type="text" class="autocomplete" name="n2" /> 
<input type="text" class="autocomplete" name="n3" /> 
<input type="text" class="autocomplete" name="n4" /> 

は、その後、あなたのJavaScriptでCSSクラスにオートコンプリートを追加します。

var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" "); 
$(".autocomplete").autocomplete(data);