選擇後在搜索字段中刪除文本

Question

用戶從自動完成中選擇條目後，如何刪除輸入字段中的文本？

這是我到目前爲止所嘗試的。不幸的是，這不起作用（輸入字段中的文本保持不變，並且沒有發生錯誤）。

<script> 
var data = ["foo","bar"]; 

$(function() { 
      $("#searchField").autocomplete({ 
       source: data, 
       minLength: 2, 
       select: function (event, ui) { 
        console.log("selected: " + ui.item.label); 
        clearSearchField(); 
       } 
      }); 
     }); 

function clearSearchField() { 
      document.getElementById('searchField').value = ''; 
} 
</script> 
<input type="text" id="searchField" name="name" placeholder="Search"/> 

運行代碼here。

Answer 1

你必須在clearSearchField（）後返回false。

clearSearchField(); 
return false 

here

Answer 2

添加一個短超時：

function clearSearchField() { 
    setTimeout(function(){ 
      document.getElementById('searchField').value = ''; 
    },0) 
}