后台生成如下格式:ResultSet rs = BaseDB.getConnection().createStatement()
.executeQuery(sql);
countrys += "[";
while (rs.next()) {
country+="{id:\""+rs.getInt("id")+"\",called:\""+rs.getString("CALLED")+"\"},";
}
countrys+="{id: 'a',called:'a'}";
countrys += "]";
将String放到request:
request.setAttribute("country", "country="+country);
前台:
var country="";
eval(<%=request.getAttribute("country").toString() %>);
绑定文本框事件:
keyword是文本控件ID
$(function() {
$('#keyword').autocomplete(country, {
max: 12, //列表里的条目数
minChars: 0, //自动完成激活之前填入的最小字符
width: 400, //提示的宽度,溢出隐藏
scrollHeight: 300, //提示的高度,溢出显示滚动条
matchContains: false, //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
autoFill: false, //自动填充
formatItem: function(row, i, max) {
return row.called;
},
formatMatch: function(row, i, max) {
return row.called;
},
formatResult: function(row) {
return row.called;
}
}).result(function(event, row, formatted) {
$("#gj").val(row.id);
});
});
分享到:
相关推荐
- **初始化Autocomplete**:在JavaScript中,我们需要初始化Autocomplete插件,配置其各种参数,如数据源、回调函数等。 ```javascript $(document).ready(function() { $("#autocomplete-input").autocomplete({ ...
《jQuery Autocomplete插件详解与应用实践》 在Web开发中,提高用户体验是至关重要的,而自动完成(Autocomplete)功能则是实现这一目标的有效手段之一。jQuery库中的Autocomplete插件,通过简单易用的API,帮助...
3. **初始化插件**:在JavaScript中,通过`.autocomplete()`方法初始化插件,传入相应的配置选项。基本用法如下: ```javascript $("#search").autocomplete({ source: function(request, response) { // 这里...
本文将深入探讨jQuery Autocomplete的核心原理、使用方法以及其在实际项目中的应用。 首先,让我们明确一下标题中的“jquery.autocomplete.js”——这是一个基于jQuery库的Autocomplete插件,它的主要功能是为HTML...
首先,`jquery.autocomplete.js`是基于jQuery框架的,因此使用该插件前需要确保页面已经引入了jQuery库。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,使得前端...
以下是`jQuery.autocomplete.js`的核心功能和使用方法: 1. **数据源**:自动补全的数据可以从多种来源获取,包括静态数组、服务器端API或者AJAX请求。例如,你可以定义一个包含多个选项的JavaScript数组,然后将该...
使用jQuery Autocomplete插件的基本步骤如下: 1. **引入依赖**:在HTML文件中引入jQuery库和`jquery.autocomplete.min.js`,以及`jquery.autocomplete.css`。 2. **创建元素**:在HTML中添加一个文本输入框,这将...
使用 jQuery 选择器找到输入框元素,然后调用 `.autocomplete()` 方法来初始化插件。传入一个配置对象,包含数据源(`source`)、触发下拉菜单的最小字符数(`minLength`)等选项。例如: ```javascript $("#...
使用方法 要在网页上使用 `jQuery Autocomplete`,首先需要选择一个输入元素,并为其添加 `autocomplete` 属性。例如: ```html ``` 然后,在文档加载完成后,使用 jQuery 的 `$(document).ready()` 函数初始化...
在使用 `jQuery.autocomplete` 时,要注意避免内存泄漏,正确处理异步请求的生命周期,以及在不再需要时销毁插件实例。此外,要确保输入框的可用性和可访问性,符合 Web 内容无障碍指南(WCAG)标准。 综上所述,`...
3. **基本使用方法** 首先,确保在页面中引入了 jQuery 和 Autocomplete 的 JS 文件,然后可以这样初始化 Autocomplete: ```html $(document).ready(function() { $('#myInput').autocomplete({ source: ...
jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据,使得用户在输入过程中可以接收到...
**jQuery Autocomplete插件** `jquery.autocomplete.js`是jQuery UI的一部分,提供了一个自动补全功能。当用户在输入框中键入字符时,该插件可以实时搜索数据库或其他数据源,展示匹配的建议列表,帮助用户快速完成...
在压缩包中的 `jquery.autocomplete使用方法.txt` 文件,应该包含了详细的使用示例和代码解释,你可以参考这个文件来了解如何在实际项目中应用 AutoComplete 插件。 ### 6. 扩展功能 jQuery AutoComplete 还支持...
**jQuery的Autocomplete插件**是用于实现网页输入框自动补全功能的一种高效解决方案,它极大地提升了用户体验,尤其是在用户需要从大量数据中选择时。这个插件是基于jQuery库的,因此,首先需要确保在项目中引入了...
**jQuery Autocomplete ...通过以上介绍,我们了解了 `jQuery Autocomplete` 插件的基本原理、使用方法以及优化技巧。在实际项目中,结合自身需求,灵活运用这些知识点,可以创建出高效且用户体验优秀的自动补全功能。
通过以上分析,我们可以了解到`jquery.autocomplete`插件的基本概念、用途和潜在的开发与使用技巧。如果你想要实现一个自动完成的搜索框或者输入提示功能,这个插件及其源码会是一个很好的起点。
在本文中,我们将深入探讨如何在jQuery库的`autocomplete`插件中添加自定义查询方法。这个功能在很多场合都非常实用,特别是在用户输入时需要实时从服务器获取匹配数据的场景。`jquery.autocomplete`插件是jQuery的...
- **初始化插件**: 在 `jQuery` 的 `$(document).ready()` 函数内,通过 `.autocomplete()` 方法将插件绑定到指定的输入元素上,如 `$("#inputField").autocomplete({ options })`。 - **配置选项**: 插件通常提供...
本文将深入探讨如何使用jQuery实现Autocomplete插件,特别是在文本框下拉选项的应用。 首先,我们需要了解Autocomplete插件的基本原理。该插件通常与输入框绑定,当用户在输入框中输入字符时,它会实时查询后台数据...