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

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