jquery - 销毁 jQuery 自动完成功能

Question

我正在使用Autocomplete jQuery UI在我的一个项目中，我想在一种情况下销毁自动完成功能。

我有一个网页，其中有 2 个字段，即 Country 和 Ext No。当用户选择一个国家/地区时，我会触发一个ajax调用来获取该国家/地区的所有分机号。如果该国家/地区有任何可用的分机号，那么我已在 Ext No 字段中设置了自动完成列表。因此，如果某个国家/地区存在分机号，那么我可以在分机号字段上设置新的自动完成列表。但有些国家/地区没有任何分机号，因此在这种情况下，我想销毁分机号字段上的自动完成列表。

下面是我用来销毁 Ext No 字段上的自动完成功能的代码。

if ($('#ext_no').data('autocomplete')) {
  $('#ext_no').autocomplete("destroy");
}

但这不起作用。我总是将 $('#ext_no').data('autocomplete') 视为 undefined。第一次它是未定义的，这很好，但是当用户下次选择一个国家/地区时，它不应该返回 undefined。

如果有人知道我在这里做错了什么，或者如果在该字段上设置了该字段的自动完成功能，是否有其他方法可以销毁该字段，请告诉我。

Answer 1

对我来说这是这样的:

jQuery('#autocompleteid').on('blur', function()
    {
        jQuery(".autocomplete-suggestions").remove();
    });

这将删除所有自动完成建议，并且不会为该字段提供自动完成。