`
mfan
  • 浏览: 340686 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

jQuery.autoComplete实现变化的参数的提交

阅读更多
以下是Springside3的一段程序(需引用jquery.autocomplete.js和jquery.autocomplete.css)
jQuery代码:
<script type="text/javascript">  
$(document).ready(function() {  
$("#user").autocomplete("../dept/getUser.action?sex=0", {  
  extraParams: {Dept:function(){return $('#dept').val();}},
  max: 1000,
  minChars: 0,
  mustMatch:true,
  matchContains: true,
  scroll: true,
  //cacheLength:0, //缓存记录条数,默认缓存10条记录,0表示没有缓存
  scrollHeight: 300,
  });  
});  
</script> 


jsp代码
... 
<input id="dept" size="20" type="text" /> 
...
<input id="user" size="20" type="text" />  
...

以上的代码实现的功能这样的功能,就是在dept中输入值之后,双击user显示对应于dept的user值,用jQuery实现了提交表单之前获取表单元素的值。

其中,"../dept/getUser.action?sex=0"是获取dept值之后需要跳转的action,extraParams是参数的赋值,Dept:function(){return $('#dept').val();}表示将id="dept"的值赋给Dept,可以传输多个参数,多个参数之间用逗号隔开。

action代码:
@Action("/dept/getUser")
public String etUser() {
HttpServletRequest request = ServletActionContext.getRequest();
String sex = request.getParameter("sex");
                String dept = request.getParameter("Dept");
List<User> list = this.UserService.findUser(dept, sex);
String out = "";
int i = 0;
for (User user : list) {
out += (i++ == 0 ? "" : "\r\n") + user.getUserName() + "|"+ user.getUserName();
}
Struts2Utils.renderText(out, "no-cache");
// 因为直接输出,因此返回null.
return null;
}
分享到:
评论
1 楼 huajuanjiatang 2014-03-15  
只会获取第一次的值,不会动态变化啊

相关推荐

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

    在JavaScript的世界里,jQuery库为我们提供了实现这一功能的强大工具——`jquery.autocomplete.js`。本文将深入探讨这个资源压缩包,了解其工作原理,以及如何在项目中应用。 `jquery.autocomplete.js`是jQuery的一...

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

    jQuery Autocomplete.js 插件是提高网页表单输入效率的好帮手,通过与Ajax的结合,能够轻松实现动态数据的自动补全功能。在实际开发中,可以根据具体需求灵活配置和扩展,以满足各种复杂场景。记得在使用过程中注意...

    jquery.autocomplete.zip

    一般情况下,需要引入`jquery.js`,`ui.core.js`,`ui.widget.js`以及`ui.autocomplete.js`。 2. **HTML结构**:在HTML中创建一个`&lt;input&gt;`元素,用于用户输入,并为其指定一个唯一的ID,这将是插件绑定的目标元素...

    jquery.autocomplete.js&css.rar

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

    自动补全-jquery.autocomplete.js

    在jQuery库中,有一个名为`jquery.autocomplete.js`的插件,它提供了实现这一功能的强大工具。 首先,`jquery.autocomplete.js`是基于jQuery框架的,因此使用该插件前需要确保页面已经引入了jQuery库。jQuery是一个...

    jquery.autocomplete.js

    与之配套的"jquery.autocomplete.min.js"是经过压缩和优化的版本,旨在减小文件体积,提高页面加载速度。 描述中提到的“jquery解决了跨浏览器问题”,这是jQuery库的一大优点。jQuery库的出现,使得开发者可以编写...

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

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

    jquery.autocomplete 类包.rar

    这个类包“jquery.autocomplete.zip”包含了实现这一功能所需的两个核心文件:`jquery.autocomplete.css`和`jquery.autocomplete.min.js`,它们一起为开发者构建自动补全搜索框提供了强大的支持。 首先,我们来了解...

    jquery.autocomplete干净demo

    `jQuery Autocomplete` 是一个非常流行的 jQuery 插件,用于实现自动完成(或下拉建议)功能。在网页表单中,它能够为用户提供快速输入建议,提高用户体验。这个"jquery.autocomplete干净demo"提供了一个简洁且功能...

    jquery.autocomplete

    接着,引入 `jquery.autocomplete.js` 文件,这是插件的核心实现。同时,为了美观和布局,还需要引入 `jquery.autocomplete.css` 文件,该文件定义了插件的样式规则。 ### 2. 使用方法 要在网页上使用 `jQuery ...

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

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

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

    下面我们将详细讨论如何实现`jQuery.autocomplete`的自定义查询方法。 首先,`jQuery.autocomplete`的核心配置项之一就是`source`,它定义了数据来源。可以是一个数组,包含预定义的选项;也可以是一个函数,该函数...

    jquery.autocomplete的js+css

    在这个场景中,我们有两个关键文件:`jquery.autocomplete.css` 和 `jquery.autocomplete.min.js`。 1. **`jquery.autocomplete.css`**: 这个文件是 CSS 样式表,负责定义 `jQuery.autocomplete` 插件的外观和...

    利用Jquery.AutoComplete插件及微软提供的ChineseConverter.dll实现汉字、拼音、简拼模糊搜索

    本教程将详细介绍如何结合Jquery.AutoComplete插件和微软的ChineseConverter.dll库,实现在网页上进行汉字、拼音和简拼的模糊搜索功能。 首先,Jquery.AutoComplete是jQuery UI库中的一个组件,它能为输入框添加...

    jQuery.Autocomplete 中文支持.pdf

    《jQuery.Autocomplete 中文支持》 jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据...

    基于jquery.autocomplete的分页实现

    在描述中提到,我们需要修改`autocomplete.js`文件以实现分页。这通常意味着我们需要扩展原始插件的功能,添加对分页请求的支持。具体来说,我们需要: 1. **更新Ajax请求**:默认情况下,`jquery.autocomplete`一...

    jquery.autocomplete.min.js

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

Global site tag (gtag.js) - Google Analytics