`
flashdream8
  • 浏览: 680710 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用jQuery.autoComplete Plugin ExtraParams提交变化的参数

    博客分类:
  • ajax
阅读更多

       今天在尝试用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 >

分享到:
评论
2 楼 forestkqq 2010-11-17  
1 楼 haoyk 2010-04-26  
多谢分享,项目刚好用到!

相关推荐

    jquery.autocomplete.js资源压缩包下载

    《jQuery Autocomplete 智能联想框JS实现详解》 在网页开发中,为了提高用户体验,经常需要使用到一种功能——智能联想框。这个功能可以让用户在输入框中输入文字时,自动显示与输入内容相关的建议,就像百度搜索...

    jquery.autocomplete.js使用示例,可直接运行

    **jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...

    jquery.autocomplete.zip

    《jQuery.autocomplete自动提示插件详解》 在Web开发中,提供用户友好的输入提示功能是一种常见的需求,例如搜索引擎的自动补全、电子商务网站的商品搜索等。jQuery库为我们提供了丰富的插件来实现这一功能,其中`...

    jquery.autocomplete.js&css.rar

    在`jquery.autocomplete.js`中,主要的接口包括`$.fn.autocomplete`,这是一个链式方法,允许我们对任何具有输入元素的DOM对象进行初始化,设置配置参数,并监听相关事件。例如,我们可以这样使用: ```javascript ...

    自动补全-jquery.autocomplete.js

    首先,`jquery.autocomplete.js`是基于jQuery框架的,因此使用该插件前需要确保页面已经引入了jQuery库。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,使得前端...

    jquery.autocomplete.js

    本文将深入探讨jQuery Autocomplete的核心原理、使用方法以及其在实际项目中的应用。 首先,让我们明确一下标题中的“jquery.autocomplete.js”——这是一个基于jQuery库的Autocomplete插件,它的主要功能是为HTML...

    jquery.autocomplete.js 自动补全插件实例

    `jQuery.autocomplete.js` 是一个流行的JavaScript库jQuery的扩展插件,主要用于实现输入框的自动补全功能。这个插件极大地增强了用户在网页上的交互体验,尤其在处理大量可选项时,用户可以通过输入部分文字快速...

    jquery.autocomplete 类包.rar

    3. **初始化插件**:在JavaScript中,使用jQuery选择器找到输入框元素,并调用`.autocomplete()`方法,传入配置对象,配置项包括数据源、匹配模式、回调函数等。 4. **数据源**:数据源可以是静态数组,也可以是从...

    jquery.autocomplete干净demo

    要使用 `jQuery Autocomplete`,首先确保你已经引入了 jQuery 库。然后,可以通过 CDN 或下载本地副本来获取 Autocomplete 插件的 JavaScript 和 CSS 文件。在 HTML 文件中,通过 `&lt;script&gt;` 和 `&lt;link&gt;` 标签将它们...

    jquery.autocomplete

    要在网页上使用 `jQuery Autocomplete`,首先需要选择一个输入元素,并为其添加 `autocomplete` 属性。例如: ```html ``` 然后,在文档加载完成后,使用 jQuery 的 `$(document).ready()` 函数初始化插件: ```...

    jquery.autocomplete 增加自定义查询方法

    `jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...

    jquery.autocomplete的js+css

    `jQuery.autocomplete` 是一个基于 jQuery 的插件,用于实现自动补全功能,它极大地简化了在网页上创建高效、动态的输入字段的过程。这个插件通常被用于搜索框,帮助用户快速找到他们想要的选项,提高用户体验。在这...

    jquery autocomplete下载.rar

    《jQuery Autocomplete 全面解析》 jQuery Autocomplete 是一个非常实用的插件,它为网页表单输入框提供了自动补全功能,极大地提升了用户体验。这个压缩包“jquery autocomplete下载.rar”包含了实现这一功能所需...

    jquery-autocomplete 自动填充插件参数使用说明

    《jQuery Autocomplete 插件参数使用详解》 在Web开发中,为了提升用户体验,自动填充(Autocomplete)功能被广泛应用于搜索框、表单输入等场景。jQuery库提供了一个强大的Autocomplete插件,名为jQuery UI ...

    jQuery.Autocomplete 中文支持.pdf

    jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据,使得用户在输入过程中可以接收到...

    jquery.autocomplete.min.js

    jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的

    jquery.validate.js jquery.metadata.js jquery.autocomplete.js jquery&UI; chm文档合集

    在本案例中,虽然只提及了`jQuery-UI-Reference-1.5.1 - 快捷方式.lnk`,但通常这会指向一个关于jQuery UI的参考文档,帮助开发者了解和使用这些组件。 总的来说,这个压缩包集合了几个重要的jQuery扩展,它们都是...

    jquery.autocomplete.js 动态传参

    研究了半天终于搞明白了,再此做个总结,供以后使用,也分享给用样为此纠结的“童鞋”们。 调用: $("#tag").autocomplete( "url", { delay:10, matchSubset:1, matchContains:1, extraParams:{'operateType':...

Global site tag (gtag.js) - Google Analytics