今天在尝试用jQuery 的 autoComplete插件来改造系统中原有的search组件。发现plugin向服务器端提交查询参数的时候,使用的是参数“q”。但我需要传递到服务器端的参数有好几项,并且参数完全取决于用户的输入,是会变的,该怎么做呢?
比如,我需要查询客户表,既可以按照客户名称进行过滤,同时如果已经限定了客户所在的区域,那我希望客户结果集只限定在用户选定的区域中。
在网上找了半天,发现这个帖子
,但介绍的方法有点太复杂了。后来研究了一下发现,可以这么做:
<script type="text/javascript">
jQuery(function($) {
$("#customer").autocomplete("util.do?opr=getCustomers", {
minChars: 0,
extraParams: {area:function(){return $('#customerArea').val();}},
formatResult: function(customer) {
return customer.id;
}
});
});
</script>
其中customerArea
是客户所属区域的输入框id,也可以换成下拉框。
页面代码:
客户区域:
<input id="customerArea" size="20" type="text" />
选择客户:
<input id="customer" size="20" type="text" />
<转:http://www.myebaytools.com/blog/?p=21
>
分享到:
相关推荐
jquery.autocomplete.js 、jquery.autocomplete.css
jquery.autocomplete 自动提示
智能联想框js,可以做到跟百度一样的在输入框输入内容就能出联想框的效果
jquery.autocomplete的js+css 自动查询的显示的空控件,jquery.autocomplete.js和jquery.autocomplete.css文件
demo,可直接运行查看效果,实现的效果是:在输入框中输入汉字时触发keyup事件,即自动出现多个选项,选中某选项时自动将该选项值和所需属性填充到指定输入框中。
jquery.autocomplete.min.js文本框的自动填充控件,jquery解决了跨浏览器问题。
利用jquery.autocomplete插件搜索并将查询出来的结果进行分页
不知道网上有没类似的,反正我是没找到,费了点劲自己写了个干净的demo,基于jquery.autocomplete 干净、完整、可靠
jquery.validate.js jquery.metadata.js jquery.autocomplete.js的打包合集,这些jquery的扩展包非常好用,希望对需要的童鞋有用
包含jquery.autocomplete相关js文档
研究了半天终于搞明白了,再此做个总结,供以后使用,也分享给用样为此纠结的“童鞋”们。 调用: $("#tag").autocomplete( "url", { delay:10, matchSubset:1, matchContains:1, extraParams:{'operateType':...
jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的
于是乎下载了一个jquery.autocomplete-1.1.3,但引用到项目后,发现几个问题,并相应做了修改: 1.中文输入后,服务端不能正常获取ajax提交的数据(此处,当然可以用相应转码,本人试了n种方便仍改),细看代码...
自动查询的显示的空控件,jquery.autocomplete.js和jquery.autocomplete.css文件
运用jquery.autocomplete.js 和jquery.autocomplete.css实现文本框自动补全,直接下载可以看到运行效果,带注释
jquery.autocomplete 类包.zip,内容正规 。请放心下载。如有问题,请留言。
基于jquery.autocomplete的分页实现,修改了autocomplete.js。项目是vs2010,用的dotnet2做后台,内有效果图。