jquery/ui自动完成,但只允许键入现有单词

This AutoComplete plugin 有一个函数,允许您测试该值以确保它在列表中。

嗨也有类似的问题。Bud没有使用下拉框和或组合框(这是不完全支持的),我决定对自动完成使用ChangeEvent选项,如下所示:

jQuery('#field').autocomplete ({
  ...
  source: listOfValues,   // assuming an array like this ['val1', 'val2', val3' ... ]
  change: function (event, ui) {
     // check if entered value exists
     var entered_valid_input = false;   // false until proven true
     jQuery.each(listOfValues, function(i,v) {
       if(jQuery('#field').val() == v) {
         entered_valid_input = true;
         return false;   // stop iterating
       }

     });
     if(!entered_valid_input) {
        // blank the field
        jQuery('#field').val("");
        return;    // exit callback. No further processing
     }

  },
  ...
  // further processing if the input is valid
});

似乎对我很有用。即使这不是最优雅的解决方案。