//自动联想
function initAutoThink(){
var options={
//在触发autoComplete前用户至少需要输入的字符数.Default: 1,如果设为0,在输入框内双击或者删除输入框内内容时显示列表
minChars: 1,
max: 10, //下拉显示项目的个数.Default: 10
autoFill: false, //要不要在用户选择时自动将用户当前鼠标所在的值填入到input框.
//如果设置为true,autoComplete只会允许匹配的结果出现在输入框,所有当用户输入的是非法字符时将会得不到下拉框.Default: false
mustMatch: false,
matchSubset: false,
//决定比较时是否要在字符串内部查看匹配,如ba是否与foo bar中的ba匹配.使用缓存时比较重要.不要和autofill混用.Default: false
matchContains: false,
//滚动条的高度
scrollHeight: 220,
//缓存的长度.即对从数据库中取到的结果集要缓存多少条记录.设成1为不缓存.Default: 10
//cacheLength: 10,
/*autoComplete可不可以使用对服务器查询的缓存,如果缓存对foo的查询结果,那么如果用户输入foo就不需要再进行检索了,
直接使用缓存.通常是打开这个选项以减轻服务器的负担以提高性能.只会在缓存长度大于1时有效.Default: true */
//matchSubset:true,
//比较是否开启大小写敏感开关.使用缓存时比较重要.如果你理解上一个选项,这个也就不难理解,就好比foot要不要到FOO的缓存中去找.Default: false
//matchCase:false,
//multiple:false, //是否允许输入多个值即多次使用autoComplete以输入多个值. Default: false
//multipleSeparator: ",",//如果是多选时,用来分开各个选择的字符. Default: ","
//scroll:true, //当结果集大于默认高度时是否使用卷轴显示 Default: true
//scrollHeight: 180, //自动完成提示的卷轴高度用像素大小表示 Default: 180
matchCase:true,
scroll:false,
dataType: 'json', //返回的数据类型为JSON类型
parse: parseFn, //对返回json形式的数据进行解析的函数
分享到:
相关推荐
2. **主要文件详解** - **jquery.autocomplete.css**:这是插件的样式表文件,定义了 Autocomplete 功能的外观,包括建议列表的样式、高亮选中项的样式等。通过自定义这个 CSS 文件,我们可以调整补全提示的显示...
2. **数据处理**:`jquery.autocomplete.js`支持多种数据源,包括静态数组、AJAX请求、远程API等。数据源的配置灵活多样,可以根据实际需求选择合适的加载方式。例如,你可以预定义一组关键词列表作为数据源,或者...
### 2. 使用步骤 - **引入依赖**:首先,确保在项目中引入了jQuery库和jQuery Autocomplete.js插件的JS文件。例如: ```html <script src="https://code.jquery.com/jquery-3.x.min.js"></script> <script src="...
jQuery Autocomplete是一款非常实用的JavaScript插件,它允许用户在输入框中输入文字时,根据已有的数据集动态提供补全建议。这个功能在许多Web应用中被广泛使用,如搜索框、表单输入等。在给定的“jquery ...
2. **初始化插件**:在jQuery的`$(document).ready()`函数中,找到需要应用自动补全功能的输入框,并调用`autocomplete()`方法。例如: ```javascript $(document).ready(function() { $("#yourInputField")....
2. **创建元素**:在HTML中添加一个文本输入框,这将是用户输入的区域,同时设置一个特定的ID以便于jQuery选择器识别。 3. **初始化插件**:在JavaScript中,使用jQuery选择器找到输入框元素,并调用`.autocomplete...
jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的
2. 选择需要应用自动填充的文本框元素,通常使用jQuery选择器。 3. 调用`.autocomplete()`方法,并传入相应的配置参数。这些参数包括但不限于数据源(可以是静态数组或动态接口)、匹配模式、回调函数等。 4. 根据...
### 2. 使用方法 jQuery AutoComplete 的基本用法是在输入框元素上调用 `.autocomplete()` 方法。例如,对于一个 ID 为 "searchInput" 的输入框,可以这样设置: ```javascript $("#searchInput").autocomplete({ ...
### 2. 主要参数属性 #### 2.1 `source` `source` 是 Autocomplete 最重要的参数,它定义了数据源。可以是数组、函数或 URL,用于提供补全建议。例如: ```javascript source: ["Apple", "Banana", "Cherry"] ```...
《jQuery Autocomplete插件详解与应用实践》 在Web开发中,提高用户体验是至关重要的,而自动完成(Autocomplete)功能则是实现这一目标的有效手段之一。jQuery库中的Autocomplete插件,通过简单易用的API,帮助...
### 2. 使用方法 要在网页上使用 `jQuery Autocomplete`,首先需要选择一个输入元素,并为其添加 `autocomplete` 属性。例如: ```html ``` 然后,在文档加载完成后,使用 jQuery 的 `$(document).ready()` 函数...
Widgets是jQuery UI的核心,包括Accordion(手风琴效果)、Autocomplete(自动补全)、Dialog(对话框)等。Effects则提供了各种动画效果,如Fade(淡入淡出)、Slide(滑动)等。Position模块提供了元素相对定位的...
2. **自动补全功能**: 自动补全是前端开发中常见的交互设计,它能够减少用户输入,提高数据选择的准确性和效率。在jQuery Autocomplete中,你可以设置数据源,比如数组、函数或者远程URL,来提供补全选项。 3. **...
### 2. 引入所需文件 要使用 jQuery Autocomplete,首先需要在页面中引入以下文件: - jQuery 库:这是 Autocomplete 插件的基础,确保你的页面已经引入了 jQuery。 - Autocomplete 插件文件:例如 `jquery....
### 2. 配置选项 jQuery Autocomplete 提供了许多可配置的选项,允许开发者定制其行为: - `source`:定义数据源,可以是函数、数组或 URL。 - `delay`:在触发自动补全请求前的延迟时间(毫秒)。 - `minLength`...
2. **选择元素**:在页面中选择你希望应用自动补全功能的输入框,通常使用 jQuery 的选择器语法,如 `$("#inputID")`。 3. **初始化插件**:调用 `.autocomplete()` 方法,传入配置对象,设置相关的参数,例如数据源...
`jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...
《jQuery.Autocomplete 中文支持》 jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据...
### 2. 初始化 AutoComplete 初始化 AutoComplete 需要对输入框元素进行操作,并提供数据源。数据源可以是静态数组、AJAX 请求返回的数据或者函数。以下是一个基本的初始化示例: ```javascript $(document).ready...