ページ内の多くの入力でjQueryオートコンプリートを実装する

Question

私はGoogle提案からの結果を取るオートコンプリートを持っています。私はその機能を含むように、私は複数の入力フィールドを持っているページでは、すべての入力は、Googleの提案とjqueryオートコンプリートウィジェットを使用して結果を取るようになります。 http://jsfiddle.net/8q25P/

注それはクエリをGoogleのを解析する第一の入力に：ここで

はフィドルです。 2番目のIDは異なるIDを持っています。どこで機能を実装したいのですか。

Answer 1

を各入力にクラスを追加し、そのクラスのクラスに入力するオートコンプリートをバインドの変更が

http://jsfiddle.net/gaby/ag9gv/

..です

---

まず、両方の要素にオートコンプリートを適用する必要がありますまた、retrieveを両方にバインドします。

$('#q, #w').keyup(retrieve); 

と

$('#q, #w').autocomplete({ 
     source: [] 
    }); 

あなたはまた、関連する要素の自動発見をするために、あなたのAJAX呼び出しと取得方法ビットを変更する必要があります。..（は、変数を作成し、それを渡します成功方法）

function retrieve() { 
    var _this = this; 
    $.ajax({ 
     type: "GET", 
     url: 'http://suggestqueries.google.com/complete/search?qu=' + encodeURIComponent($(this).val()), 
     dataType: "jsonp", 
     success: function(data){parse(data,_this);} 
    }); 
} 

var parse = function(data,element) { 
    var results = []; 
    for (var i = 0; i < data[1].length; i++) { 
     results.push(data[1][i][0]); 
    } 
    $(element).autocomplete({ 
     source: results 
    }); 

} 

Answer 2

たくさん

おかげでここ

$(input.class).autocomplete()