确保文本框仅填充下拉列表中的值。

时间:2014-10-07 04:54:11

标签: javascript html angularjs

我有一个文本框,在单击下拉列表中的<li>元素时填充。此下拉列表由ng-repeat元素上的<li>指令填充。我有一个模型来过滤文本输入上的<li>元素。

我想确保当文本框失去焦点时,它会从下拉列表中填充一个值,或者重置为默认值。 (根本不接受自定义值。)除了检查循环内文本框上的值以检查相应项目列表中的匹配项。我还有哪些其他方法可以使用javascript (最好是有角度的方式)来轻松有效地解决这个问题?

(我需要能够在文本字段中输入以启用下拉列表的过滤,而且出于许多其他原因,我认为不能使用<select>标记。)

1 个答案:

答案 0 :(得分:1)

我建议您仍然使用select,但请使用Angular-UI的ui-select

Angular-UI ui-select

它是Select2

的AngularJS本机实现的包装器