在"选择"/下拉HTML列表中手动输入值？

Question

在Windows窗体应用程序中,下拉选择器列表还为用户提供了在同一字段中键入备用值的选项(假设开发人员已在控件上启用此选项.)

如何在HTML中实现这一目标？看起来好像只能从列表中选择值.

如果使用直接HTML无法做到这一点,有没有办法用Javascript做到这一点？

Answer 1

现在可以使用HTML5完成

在此处查看此帖子HTML选择表单,可选择输入自定义值

<input type="text" list="cars" />
<datalist id="cars">
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</datalist>

Answer 2

我遇到了同样的基本问题:尝试结合文本框和选择框的功能,这些是html规范中根本不同的东西.

好消息是selectize.js就是这样做的:

Selectize是文本框和框的混合体.它是基于jQuery的,它对标记,联系人列表,国家/地区选择器等很有用.

Answer 3

最简单的方法是使用jQuery:jQuery UI组合框/自动完成

Answer 4

ExtJS有一个 ComboBox 控件可以做到这一点（以及一大堆其他很酷的东西！！）

编辑：浏览所有控件等，此处：http ://www.sencha.com/products/js/