JQuery Autofill - 强制选择

时间:2014-02-27 11:02:28

标签: javascript jquery jquery-ui jquery-plugins jquery-autocomplete

我使用JQuery Autocomplete组件来显示数据库中的值。在此,用户可以通过键入一些文本来选择项目。如果用户没有选择下面显示的任何选项,则该字段将填入用户键入的值。但是我希望使用该字段使用户只能选择自动完成中列出的值。它不应包含任何类型的文本。有没有可行的办法呢?

2 个答案:

答案 0 :(得分:1)

是的可能。

1)如果没有选择任何选项,使用change事件可以清除文本框值。

$("#tags").autocomplete({
          source: availableTags,
          change: function (event, ui) {
              if (!ui.item) {
                  $(this).val("");
                  // Handle the error
              } 
          }
      });

JSFiddle

2)不确定,您是否了解[autocomplete-combo],这适合您的问题。(http://jqueryui.com/autocomplete/#combobox

答案 1 :(得分:0)

为什么不尝试Selectize

在该网站上搜索“最大项目”,这将满足您的要求 它允许您只从列表中的任何内容中选择