jQueryでフォームデータを入力する際に​​ドロップダウンリストを作成するのに役立つ必要がある

I am working on this test page: http://problemio.com/test.php

私がしようとしているのは、人がタイプするとき、私はデータベースに行き、利用可能なオプションを探したいと思う。アイテムを取得している部分が機能しています。

動作していないのはアイテムを表示することです。私はここでjQueryオートコンプリートを使いました: http://docs.jquery.com/UI/Autocomplete しかしそれはちょうどこれを与える:

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

そして、私のAJAX呼び出しが利用可能なオプションを返すと、そのリストをどのように埋め込むかわかりません。ここに行く正しい方法は何ですか?

0
jqueryui.com/demos/autocomplete/#remote を読んだことがありますか?
追加された 著者 Blazemonger,

2 答え

サーバーサイドスクリプトへのパスをsourceプロパティに渡すことができます。それは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 );
    }
});
1
追加された
ああ、これはまさに私が必要なものです!ありがとう!
追加された 著者 GeekedOut,

オートコンプリートの要素の配列を返す source 属性にURLを指定すると自動的に動作します。

Here are a couple of examples: http://view.jquery.com/trunk/plugins/autocomplete/demo/

0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript