Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 文本框中的自动完成json_Jquery_Autocomplete_Textbox - Fatal编程技术网

Jquery 文本框中的自动完成json

Jquery 文本框中的自动完成json,jquery,autocomplete,textbox,Jquery,Autocomplete,Textbox,下面是我的json输出: {["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"]} 如何使用上述json数组在文本框字段中实现autosuggest?您应该选择 只需使用: [“0001000”、“0002000”、“0001200”、“00003000”、“990000”、“78888”、“89234”、“2345”、“2345”] 没有{},如下所示: var json = ["

下面是我的json输出:

{["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"]}
如何使用上述json数组在文本框字段中实现autosuggest?

您应该选择

只需使用:

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

嗯,你真的需要花点时间在谷歌上搜索和查看文档

库已经提供了此功能

您需要在HTML页面中包含2个脚本

1) jQuery库

2) jqueryui库

HTML

<input id="tags">​

工作示例

如果您使用的是jQuery UI,则。将您的数组作为
源代码:
,它应该会自动工作。

如何设置Json的URL,我的结果返回-->aaData:“0001000”、“0002000”、“0001200”、“00003000”、“990000”、“78888”、“89234”、“2345”、“2345”],当我硬编码值时,它工作,但当我设置URL时,它不工作,请您放置一个代码以供参考。@PrashanthReddy:检查这个。您需要从服务器页面返回正确的JSON。用户www.jsonlint.com验证JSON的格式是否正确。如何通过数组中的Jsonresponse设置操作中的值。thanks@PrashanthReddy:IMHO,当您在评论中提出新问题时,获得答案的机会非常低。因此,我鼓励您提出一个包含相关详细信息的新问题。如果我的结果返回-->aaData:“0001000”、“0002000”、“0001200”、“00003000”、“990000”、“78888”、“89234”、“2345”、“2345”],则我需要删除“aaData”…在我的action类中,是jsonresponse.put(aaData,data),其中的值位于“data”中。如果不想使用Jquery UI,可以使用Jquery插件进行自动完成。这是一个
$(function(){
    var availableTags=["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"];
    $( "#tags" ).autocomplete({
            source: availableTags
    });

});