选择后删除搜索字段中的文本

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() 之后 return false;

clearSearchField();
return false

here

Answer 2

添加一个短超时：

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

选择后删除搜索字段中的文本

Delete text in search field after selection

javascript

jquery

autocomplete

jquery-autocomplete