//模糊查询酒店名称
function autoQueryHotelName(){
$("#hotelName").autocomplete("hotelNameAutoShow.shtml",{
minChars:1,
autoFill:false,
mustMatch:false,
matchContains:false,
max:10,
delay:200,
cacheLength:1,
matchSubset:false,
matchCase:false,
scroll:false,
width : 210,
dataType : 'json',
//如果需要另外传值给action的话可以用这样的方式,如果只是把input里面的值传递给action的话,可以不写
extraParams: {
hotelName: function() {
return $("#hotelName").val();
},
cityCode: function(){
return $("#cityCode").val();
}
},
//进行对返回数据的格式处理
parse: function(data){
//content为我action里面定义的值
var rows = [];
for(var i=0; list = data.content,i<list.length; i++){
rows[rows.length] =
{
//我没有特殊的要求,所以三个写的一样
data:list[i],
value:list[i],
//result里面显示的是要返回到列表里面的值
result:list[i]
};
}
return rows;
},
formatItem:function(item){
//我没有特殊的要求,直接返回了
return item;
}
});
}
分享到:
相关推荐
`jquery.autocomplete.js`是jQuery的一个插件,它扩展了原生的jQuery库,增加了自动完成的功能。这个插件主要由两个核心部分组成:一个是前端展示部分,负责渲染和展示联想结果;另一个是数据处理部分,用于获取和...
一般情况下,需要引入`jquery.js`,`ui.core.js`,`ui.widget.js`以及`ui.autocomplete.js`。 2. **HTML结构**:在HTML中创建一个`<input>`元素,用于用户输入,并为其指定一个唯一的ID,这将是插件绑定的目标元素...
本文将深入探讨`jquery.autocomplete.js`和`jquery.autocomplete.css`这两个核心文件,以及如何利用它们来创建一个完善的自动完成组件。 首先,`jquery.autocomplete.js`是jQuery Autocomplete插件的核心JavaScript...
**jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...
《自动补全-jquery.autocomplete.js》 在Web开发中,自动补全功能是一种非常实用且常见的用户体验优化手段。它通常被应用于搜索框、表单输入等场景,能够帮助用户快速找到并选择他们想要的选项,提高输入效率。在...
与之配套的"jquery.autocomplete.min.js"是经过压缩和优化的版本,旨在减小文件体积,提高页面加载速度。 描述中提到的“jquery解决了跨浏览器问题”,这是jQuery库的一大优点。jQuery库的出现,使得开发者可以编写...
**jQuery Autocomplete 知识点详解** `jQuery Autocomplete` 是一个非常流行的 jQuery 插件,用于实现自动完成(或下拉建议)功能。在网页表单中,它能够为用户提供快速输入建议,提高用户体验。这个"jquery....
`jQuery.autocomplete.js` 是一个流行的JavaScript库jQuery的扩展插件,主要用于实现输入框的自动补全功能。这个插件极大地增强了用户在网页上的交互体验,尤其在处理大量可选项时,用户可以通过输入部分文字快速...
这个类包“jquery.autocomplete.zip”包含了实现这一功能所需的两个核心文件:`jquery.autocomplete.css`和`jquery.autocomplete.min.js`,它们一起为开发者构建自动补全搜索框提供了强大的支持。 首先,我们来了解...
`jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...
《jQuery.Autocomplete 中文支持》 jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据...
本教程将详细介绍如何结合Jquery.AutoComplete插件和微软的ChineseConverter.dll库,实现在网页上进行汉字、拼音和简拼的模糊搜索功能。 首先,Jquery.AutoComplete是jQuery UI库中的一个组件,它能为输入框添加...
于是乎下载了一个jquery.autocomplete-1.1.3,但引用到项目后,发现几个问题,并相应做了修改: 1.中文输入后,服务端不能正常获取ajax提交的数据(此处,当然可以用相应转码,本人试了n种方便仍改),细看代码...
在这个场景中,我们有两个关键文件:`jquery.autocomplete.css` 和 `jquery.autocomplete.min.js`。 1. **`jquery.autocomplete.css`**: 这个文件是 CSS 样式表,负责定义 `jQuery.autocomplete` 插件的外观和...
《jQuery.Autocomplete 中文支持详解》 jQuery.Autocomplete 是一个广受欢迎的 jQuery 插件,它提供了输入框的自动完成和建议提示功能,极大地增强了用户体验。该插件允许通过 AJAX 方式动态加载数据,使得实时搜索...
在描述中提到,我们需要修改`autocomplete.js`文件以实现分页。这通常意味着我们需要扩展原始插件的功能,添加对分页请求的支持。具体来说,我们需要: 1. **更新Ajax请求**:默认情况下,`jquery.autocomplete`一...
- **引入依赖**:首先确保引入了 jQuery 库,然后引入 `jquery.autocomplete.js` 文件。 - **初始化插件**:对目标输入框应用 `autocomplete` 方法,传入配置对象,如: ```javascript $("#searchInput")....
jquery.autocomplete.js 无法动态传参,好是纠结哦。研究了半天终于搞明白了,再此做个总结,供以后使用,也分享给用样为此纠结的“童鞋”们。 调用: $("#tag").autocomplete( "url", { delay:10, matchSubset:1, ...
jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的