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 执行搜索前用户必须输入的最小字符数 ```
';