Question

Is is possible to restrict the user input to only the source values with JQuery autocomplete plugin?

For example, if the source array contains "Bold","Normal","Default","100","200", the user is allowed to only type those values.

Answer 1

I see you already have a solution. Here’s a similar way to do this, since I already put some time in on it.

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;
    }
});