javascript - jQuery 自动完成 : does not allow other text

Question

我正在使用以下代码在我的网格中创建自动完成扩展程序。这工作正常。现在我只需要添加列出的下拉列表，否则文本框应该是空白的。这可能意味着请帮我做到这一点。

dataInit: function (e) {
    $(e).autocomplete({
        source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"],
        minLength: 1,
        focus: function (event, ui) {
            $(e).val(ui.item.label);
        },
        select: function (event, ui) {
           $(e).val(ui.item.label);
           $("input#FLD_WS_ID").val(ui.item.value);
        }
    });
}

Answer 1

您可以使用 change事件:

Triggered when the field is blurred, if the value has changed.

如果该元素未出现在自动完成列表中，请将其清除。

示例代码:

$("#tags").autocomplete({
    source: availableTags,
    minLength: 1,
    focus: function (event, ui) {
        $(event).val(ui.item.label);
    },
    select: function (event, ui) {
        $(event).val(ui.item.label);
        //$("input#FLD_WS_ID").val(ui.item.value);
    },
    change: function (event, ui) {
        if (!ui.item) {
            $(this).val('');
        }
    }
});

演示:http://jsfiddle.net/IrvinDominin/tLNKv/