文本字段自动完成 - 仅允许在自动填充选项中提交

时间:2010-12-29 01:01:00

标签: jquery ajax

我正在寻找允许自动完成的代码,仅在指定的数据数组中。因此,只允许输入自动完成数组中的数据。不知道从哪里开始寻找。

谢谢!

1 个答案:

答案 0 :(得分:3)

以下使用jQuery UI Autocomplete的解决方案应该足够 - 当然可能需要进一步调整,具体取决于您的特定要求。

标记:

<input id="autocomplete"/>
<br />
<input id="submit" type="submit" disabled="disabled"/>

脚本:

var source = ['One', 'Two', 'Three', 'Four'];

$("input#autocomplete").autocomplete({
    source: source,
    select: function(event, ui) {
        $("#submit").removeAttr("disabled");
    }
}).keyup(function() {
    var $parentContext = $(this);
    var matches = $.grep(source, function(n, i) {
        return $parentContext.val().toLowerCase() == n.toLowerCase();
    });
    $("#submit").attr("disabled", !matches.length);
});

演示:http://jsfiddle.net/karim79/Ezbns/

进一步阅读: