javascript - jquery 自动选择操作在 'change' 但不在 'select'

Question

希望这是有道理的。我有一个使用 jQuery UI 自动选择功能的文本输入。当用户选择时，输入会自动填充，这是理所应当的。我的问题是，如果用户输入某些内容，但没有从下拉列表中进行选择。这会导致文本输入值在表单提交时列表中不存在。我想知道是否有办法对“更改”事件执行操作(明文输入值)，但保留“选择”事件的原样。

Answer 1

如果我理解正确，您应该能够利用传递给 change 事件处理程序的 ui 参数:

$("#auto").autocomplete({
    /* options */
    change: function (event, ui) {
        if (!ui.item) {
            this.value = '';
        }
    }
});

如果未从自动完成候选列表中选择任何内容，

ui.item 将为 undefined。

示例: http://jsfiddle.net/ZBzpF/