jquery autoComplete二:autothink.jsp续二

本文介绍了一个自动联想功能的实现方式,包括用户输入响应机制、下拉列表显示数量配置、自动填充选项、匹配策略及缓存机制等内容。通过调整参数可以优化用户体验并减轻服务器负担。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//自动联想
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形式的数据进行解析的函数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值