在文本框中自动完成json

时间:2012-05-31 02:44:59

标签: jquery autocomplete textbox

以下是我的json输出:

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

如何使用上面的json数组在文本框字段中实现autosuggest?

3 个答案:

答案 0 :(得分:1)

恕我直言,你真的需要花一些时间进行谷歌搜索并查看文档。

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/

答案 1 :(得分:1)

如果您使用的是jQuery UI,jQuery documentation on autocomplete is straightforward。将您的数组作为source:,它应该自动运行。

答案 2 :(得分:0)

你应该去jQueryUI autocomplete

只需使用:

["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
});