は、私は、このテストページに取り組んでいますjQueryの

Question

でフォームデータを入力すると、ドロップダウンリストを作る手助けが必要です：http://problemio.com/test.php

私がやろうとしていますどのようなものです：私は、データベースにアクセスし、利用できる検索するとき、人種別たいそれらのオプション。アイテムを取得している部分が機能しています。

項目を表示していないと動作しません。私はここでjQueryのオートコンプリートで遊ん：http://docs.jquery.com/UI/Autocompleteが、それはちょうどこの与える：

$("input#autocomplete").autocomplete({ 
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"] 
}); 

そして私は私のAJAX呼び出しが可能なオプションを返した後、そのリストを移入するかどうかはわかりません。ここに行く正しい方法は何ですか？

Answer 1

サーバーサイドスクリプトのパスをsourceプロパティに渡すことができます。これは、要素の配列を返すオートコンプリートのsource属性でURLを提供することにより、自動的に動作するはずJSONオブジェクト

// from http://jqueryui.com/demos/autocomplete/#remote 
$("#birds").autocomplete({ 
    source: "search.php", 
    minLength: 2, 
    select: function(event, ui) { 
     log(ui.item ? 
      "Selected: " + ui.item.value + " aka " + ui.item.id : 
       "Nothing selected, input was " + this.value); 
    } 
}); 

Answer 2

を返す必要があります。ここで

は例のカップルです： http://view.jquery.com/trunk/plugins/autocomplete/demo/