autocomplete 自动完成
最后更新于:2022-04-02 03:14:16
[TOC]
> [接口](https://www.runoob.com/jqueryui/api-autocomplete.html)
## 远程筛选
```
';
//js
$("#tags").autocomplete({
minLength:1, //至少 2 个字符在发送请求
source: function (request, response) {
var searchKey = request.term
$.getJSON("a.php?term=" + searchKey, function (res) {
//只有 label标签赋值才能显示
return response($.map(res,function (item){
return {
label:item.user_name, //显示在列表中
value:item.user_id, //真是提交的值
}
}))
})
},
//选择select 的操作
select: function (event, ui) {
var selectData =ui.item.value;
//todo code
}
});
```
## options
```
autoFocus Boolen 当菜单显示时,第一个条目将自动获得焦点。
delay Integer 按键和执行搜索之间的延迟,以毫秒计
minLength Integer 执行搜索前用户必须输入的最小字符数
```