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事件：

当字段模糊时触发，如果值已更改。

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

示例代码：

$("#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/

jQuery自动完成：不允许其他文本

1 个答案: