Jquery ui 远程数据源的jquery自动完成未筛选
第一个实现工作正常。 第二个提供了一个下拉列表,但在您键入时不会对其进行筛选Jquery ui 远程数据源的jquery自动完成未筛选,jquery-ui,Jquery Ui,第一个实现工作正常。 第二个提供了一个下拉列表,但在您键入时不会对其进行筛选 $( "#tags" ).autocomplete({ source: availableTags }); $( "#tags1" ).autocomplete({ source: "http://nwx1/mysql/useractivitytxn/f_UsersList.php" }); 标签: 标记1: 标记2: var availableT
$( "#tags" ).autocomplete({
source: availableTags
});
$( "#tags1" ).autocomplete({
source: "http://nwx1/mysql/useractivitytxn/f_UsersList.php"
});
标签:
标记1:
标记2:
var availableTags=[
“动作脚本”,
“AppleScript”,
“Asp”,
“基本”,
“C”,
“C++”,
“Clojure”,
“COBOL”,
“ColdFusion”,
“二郎”,
“Fortran”,
“好极了”,
“哈斯克尔”,
“爪哇”,
“JavaScript”,
“口齿不清”,
“Perl”,
“PHP”,
“Python”,
“红宝石”,
“斯卡拉”,
“方案”
];
来自web服务的返回值:
[“ActionScript”、“AppleScript”、“Asp”、“BASIC”、“C”、“C++”、“Clojure”、“COBOL”、“ColdFusion”、“Erlang”、“Fortran”、“Groovy”、“Haskell”、“Java”、“JavaScript”、“Lisp”、“Perl”、“PHP”、“Python”、“Ruby”、“Scala”、“Scheme”]
来自:
使用字符串时,Autocomplete插件希望该字符串
指向将返回JSON数据的URL资源。它可以在网上
同一主机或不同主机上(必须提供JSONP)。自动完成
插件不过滤结果,而是过滤请求参数
“term”被添加到服务器端脚本应该使用的URL中
用于筛选结果
自动完成可以有三种源类型之一:带有本地数据的数组、字符串、指定URL或回调。第一个示例使用数组,而第二个示例使用字符串指定URL,因此需要执行筛选并返回筛选结果集。来自:
使用字符串时,Autocomplete插件希望该字符串
指向将返回JSON数据的URL资源。它可以在网上
同一主机或不同主机上(必须提供JSONP)。自动完成
插件不过滤结果,而是过滤请求参数
“term”被添加到服务器端脚本应该使用的URL中
用于筛选结果
自动完成可以有三种源类型之一:带有本地数据的数组、字符串、指定URL或回调。第一个示例使用数组,第二个示例使用字符串,指定URL,因此,您需要进行筛选并返回筛选后的结果集。如果我键入“3”,我甚至会得到整个下拉列表。从整个列表中进行选择仍然会将值放在输入框中。这可能会被删除,因为这里的回答是:我有一组旧文档。如果我键入“3”,我甚至会得到整个下拉列表。从整个列表仍然将值放在输入框中。这可能会被删除,因为这里回答了:我有一套旧的文档。嗯,好的。将结果放在本地数组中,然后让自动完成过滤,这将更具响应性。谢谢。如果你不能控制服务器端,那就不太好了。嗯,好的。将结果放在本地数组中,然后让自动完成过滤,这将更具响应性。谢谢。如果你不能控制服务器端,那就不太好了。
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
<label for="tags1">Tags1: </label>
<input id="tags1">
<label for="tags2">Tags2: </label>
<input id="tags2">
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>