`
k11hao
  • 浏览: 29424 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jquery.autocomplete插件用法

阅读更多

后台生成如下格式: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);
      });
});  

分享到:
评论

相关推荐

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

    - **初始化Autocomplete**:在JavaScript中,我们需要初始化Autocomplete插件,配置其各种参数,如数据源、回调函数等。 ```javascript $(document).ready(function() { $("#autocomplete-input").autocomplete({ ...

    jquery.autocomplete.js&css.rar

    《jQuery Autocomplete插件详解与应用实践》 在Web开发中,提高用户体验是至关重要的,而自动完成(Autocomplete)功能则是实现这一目标的有效手段之一。jQuery库中的Autocomplete插件,通过简单易用的API,帮助...

    jquery.autocomplete.zip

    3. **初始化插件**:在JavaScript中,通过`.autocomplete()`方法初始化插件,传入相应的配置选项。基本用法如下: ```javascript $("#search").autocomplete({ source: function(request, response) { // 这里...

    jquery.autocomplete.js

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

    自动补全-jquery.autocomplete.js

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

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

    以下是`jQuery.autocomplete.js`的核心功能和使用方法: 1. **数据源**:自动补全的数据可以从多种来源获取,包括静态数组、服务器端API或者AJAX请求。例如,你可以定义一个包含多个选项的JavaScript数组,然后将该...

    jquery.autocomplete 类包.rar

    使用jQuery Autocomplete插件的基本步骤如下: 1. **引入依赖**:在HTML文件中引入jQuery库和`jquery.autocomplete.min.js`,以及`jquery.autocomplete.css`。 2. **创建元素**:在HTML中添加一个文本输入框,这将...

    jquery.autocomplete干净demo

    使用 jQuery 选择器找到输入框元素,然后调用 `.autocomplete()` 方法来初始化插件。传入一个配置对象,包含数据源(`source`)、触发下拉菜单的最小字符数(`minLength`)等选项。例如: ```javascript $("#...

    jquery.autocomplete

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

    jquery.autocomplete的js+css

    在使用 `jQuery.autocomplete` 时,要注意避免内存泄漏,正确处理异步请求的生命周期,以及在不再需要时销毁插件实例。此外,要确保输入框的可用性和可访问性,符合 Web 内容无障碍指南(WCAG)标准。 综上所述,`...

    jquery autocomplete下载.rar

    3. **基本使用方法** 首先,确保在页面中引入了 jQuery 和 Autocomplete 的 JS 文件,然后可以这样初始化 Autocomplete: ```html $(document).ready(function() { $('#myInput').autocomplete({ source: ...

    jQuery.Autocomplete 中文支持.pdf

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

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

    **jQuery Autocomplete插件** `jquery.autocomplete.js`是jQuery UI的一部分,提供了一个自动补全功能。当用户在输入框中键入字符时,该插件可以实时搜索数据库或其他数据源,展示匹配的建议列表,帮助用户快速完成...

    jquery自动补全插件(jquery autocomplete)

    在压缩包中的 `jquery.autocomplete使用方法.txt` 文件,应该包含了详细的使用示例和代码解释,你可以参考这个文件来了解如何在实际项目中应用 AutoComplete 插件。 ### 6. 扩展功能 jQuery AutoComplete 还支持...

    jquery的autocomplete(自动补全)插件

    **jQuery的Autocomplete插件**是用于实现网页输入框自动补全功能的一种高效解决方案,它极大地提升了用户体验,尤其是在用户需要从大量数据中选择时。这个插件是基于jQuery库的,因此,首先需要确保在项目中引入了...

    jquery.autocomplete js包

    **jQuery Autocomplete ...通过以上介绍,我们了解了 `jQuery Autocomplete` 插件的基本原理、使用方法以及优化技巧。在实际项目中,结合自身需求,灵活运用这些知识点,可以创建出高效且用户体验优秀的自动补全功能。

    【JS相关插件】自动完成提示插件(jquery.autocomplete)

    通过以上分析,我们可以了解到`jquery.autocomplete`插件的基本概念、用途和潜在的开发与使用技巧。如果你想要实现一个自动完成的搜索框或者输入提示功能,这个插件及其源码会是一个很好的起点。

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

    在本文中,我们将深入探讨如何在jQuery库的`autocomplete`插件中添加自定义查询方法。这个功能在很多场合都非常实用,特别是在用户输入时需要实时从服务器获取匹配数据的场景。`jquery.autocomplete`插件是jQuery的...

    jquery.autocomplete 自增版

    - **初始化插件**: 在 `jQuery` 的 `$(document).ready()` 函数内,通过 `.autocomplete()` 方法将插件绑定到指定的输入元素上,如 `$("#inputField").autocomplete({ options })`。 - **配置选项**: 插件通常提供...

    jquery实现autocomplete插件(文本框下拉选项).zip

    本文将深入探讨如何使用jQuery实现Autocomplete插件,特别是在文本框下拉选项的应用。 首先,我们需要了解Autocomplete插件的基本原理。该插件通常与输入框绑定,当用户在输入框中输入字符时,它会实时查询后台数据...

Global site tag (gtag.js) - Google Analytics