[TOC] > [接口](https://www.runoob.com/jqueryui/api-autocomplete.html) ## 远程筛选 ``` <div class="ui-widget"> <label for="tags">标签：</label> <input id="tags" autocomplete="off" name="name"> <input type="submit" value="提交"> </div> //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 执行搜索前用户必须输入的最小字符数 ```