jquery - 自动完成功能不允许自由文本输入？

Question

是否可以在 JQuery UI 自动完成小部件中禁止自由文本输入？

例如，我只希望允许用户从自动完成列表中显示的项目列表中进行选择，并且不希望他们能够编写一些随机文本。

我在演示/文档中没有看到任何描述如何执行此操作的内容。

http://jqueryui.com/demos/autocomplete/

我正在使用这样的自动完成功能

$('#selector').autocomplete({
    source: url,
    minlength: 2,
    select: function (event, ui) {
        // etc
    }

Answer 1

根据API documentation ，如果未从列表中选择条目，则 change 事件的 ui 属性为 null，因此您可以像这样简单地禁止自由文本:

$('#selector').autocomplete({
    source: url,
    minlength: 2,
    change: function(event, ui) {
        if (ui.item == null) {
          event.currentTarget.value = ''; 
          event.currentTarget.focus();
        }
    }
});