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

Javascript 确保文本框仅填充下拉列表中的值。,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个文本框,在单击下拉列表中的元素时填充该文本框。此下拉列表由元素上的ng repeat指令填充。我有一个模型来过滤文本输入中的元素 我想确保当文本框失去焦点时,它要么被下拉列表中的值填充,要么被重置为默认值(不接受任何自定义值)。除了检查循环中文本框上的值以检查相应项目列表中的匹配项之外。使用javascript(最好是角度方式),我还有什么其他方法可以轻松有效地解决这个问题 (我需要能够在文本字段上键入,以启用下拉列表的过滤功能,并且由于许多其他原因,我认为不能使用标记。)我建议您仍然使

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

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


    (我需要能够在文本字段上键入,以启用下拉列表的过滤功能,并且由于许多其他原因,我认为不能使用
    标记。)

    我建议您仍然使用
    选择
    ,但使用Angular UI的
    用户界面选择


    这是AngularJS本机实现的包装器

    你能在这里添加你的代码吗(无论你到目前为止尝试了什么)?大概你已经设置好了值,只是想停止编辑。无法保证用户不能在表单控件中输入任何他们喜欢的值。但是,如果将文本输入设置为只读,则其值只能由脚本设置(但用户也可以根据需要设置)。请告诉用户它是只读的,这样他们在尝试手动编辑时不会感到沮丧。