[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 執行搜索前用戶必須輸入的最小字符數 ```