今天在尝试用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" />
分享到:
相关推荐
《jQuery Autocomplete 智能联想框JS实现详解》 在网页开发中,为了提高用户体验,经常需要使用到一种功能——智能联想框。这个功能可以让用户在输入框中输入文字时,自动显示与输入内容相关的建议,就像百度搜索...
**jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...
《jQuery.autocomplete自动提示插件详解》 在Web开发中,提供用户友好的输入提示功能是一种常见的需求,例如搜索引擎的自动补全、电子商务网站的商品搜索等。jQuery库为我们提供了丰富的插件来实现这一功能,其中`...
在`jquery.autocomplete.js`中,主要的接口包括`$.fn.autocomplete`,这是一个链式方法,允许我们对任何具有输入元素的DOM对象进行初始化,设置配置参数,并监听相关事件。例如,我们可以这样使用: ```javascript ...
首先,`jquery.autocomplete.js`是基于jQuery框架的,因此使用该插件前需要确保页面已经引入了jQuery库。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,使得前端...
本文将深入探讨jQuery Autocomplete的核心原理、使用方法以及其在实际项目中的应用。 首先,让我们明确一下标题中的“jquery.autocomplete.js”——这是一个基于jQuery库的Autocomplete插件,它的主要功能是为HTML...
`jQuery.autocomplete.js` 是一个流行的JavaScript库jQuery的扩展插件,主要用于实现输入框的自动补全功能。这个插件极大地增强了用户在网页上的交互体验,尤其在处理大量可选项时,用户可以通过输入部分文字快速...
3. **初始化插件**:在JavaScript中,使用jQuery选择器找到输入框元素,并调用`.autocomplete()`方法,传入配置对象,配置项包括数据源、匹配模式、回调函数等。 4. **数据源**:数据源可以是静态数组,也可以是从...
要使用 `jQuery Autocomplete`,首先确保你已经引入了 jQuery 库。然后,可以通过 CDN 或下载本地副本来获取 Autocomplete 插件的 JavaScript 和 CSS 文件。在 HTML 文件中,通过 `<script>` 和 `<link>` 标签将它们...
要在网页上使用 `jQuery Autocomplete`,首先需要选择一个输入元素,并为其添加 `autocomplete` 属性。例如: ```html ``` 然后,在文档加载完成后,使用 jQuery 的 `$(document).ready()` 函数初始化插件: ```...
`jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...
`jQuery.autocomplete` 是一个基于 jQuery 的插件,用于实现自动补全功能,它极大地简化了在网页上创建高效、动态的输入字段的过程。这个插件通常被用于搜索框,帮助用户快速找到他们想要的选项,提高用户体验。在这...
《jQuery Autocomplete 插件参数使用详解》 在Web开发中,为了提升用户体验,自动填充(Autocomplete)功能被广泛应用于搜索框、表单输入等场景。jQuery库提供了一个强大的Autocomplete插件,名为jQuery UI ...
jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据,使得用户在输入过程中可以接收到...
jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的
在本案例中,虽然只提及了`jQuery-UI-Reference-1.5.1 - 快捷方式.lnk`,但通常这会指向一个关于jQuery UI的参考文档,帮助开发者了解和使用这些组件。 总的来说,这个压缩包集合了几个重要的jQuery扩展,它们都是...
研究了半天终于搞明白了,再此做个总结,供以后使用,也分享给用样为此纠结的“童鞋”们。 调用: $("#tag").autocomplete( "url", { delay:10, matchSubset:1, matchContains:1, extraParams:{'operateType':...