javascript - 源仅允许 JQuery UI 自动完成插件中的值

Question

可以将用户输入限制为仅限 JQuery autocomplete plugin 的源值？

例如，如果源数组包含 "Bold","Normal","Default","100","200" ，用户只能输入这些值。

Answer 1

我看到你已经有了解决方案。这是一个类似的方法，因为我已经投入了一些时间。

http://jsfiddle.net/pxfunc/j3AN7/

var validOptions = ["Bold", "Normal", "Default", "100", "200"]
previousValue = "";

$('#ac').autocomplete({
    autoFocus: true,
    source: validOptions
}).keyup(function() {
    var isValid = false;
    for (i in validOptions) {
        if (validOptions[i].toLowerCase().match(this.value.toLowerCase())) {
            isValid = true;
        }
    }
    if (!isValid) {
        this.value = previousValue
    } else {
        previousValue = this.value;
    }
});