jquery - テキストボックスのjsonをオートコンプリートする

Question

以下は私のjson出力です：

{["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"]}

上記のjson配列を使用して、テキストボックスフィールドにautosuggestを実装するにはどうすればよいですか?

Answer 1

IMHO、グーグルでドキュメントを調べたり、調べたりするのに真剣に時間を費やす必要があります。

jQuery UIライブラリはすでにこの機能を提供しています。

http://jqueryui.com/demos/autocomplete/

HTML ページに 2 つのスクリプトを含める必要があります

1) jQuery ライブラリ

2) jQuery UI ライブラリ

HTML

<input id="tags">​

Javascript

$(function(){
    var availableTags=["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"];
    $( "#tags" ).autocomplete({
            source: availableTags
    });

});

作業サンプルhttp://jsfiddle.net/j9XBd/3/

Answer 2

jQuery UI を使用している場合、オートコンプリートに関する jQuery ドキュメントは簡単です。配列を として配置するsource:と、自動的に機能するはずです。

Answer 3

jQueryUI オートコンプリートを使用する必要があります

使用するだけです：

["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"];

次のようなものなし{}：

var json  = ["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"];

$('input:text').autocomplete(json, {

});

または、ソースを自動的に設定できます

$(input:text).autocomplate({
   souce: SOURCE_TO_YOUR_STORE
});