下拉选择实际上是一个文本输入框，就像在Google日历上一样？

Question

我注意到Google日历使用了这个而不是＆lt; select＆gt;

<input class="text dr-time" id=":3r-st" size="7" title="From time" tabindex="0" dir="ltr" />

让用户输入时间，而不是从下拉列表中选择一个选项。是否有人写过的插件或好的小部件做同样的事情？

Answer 1

您可能希望查看其中一个JQuery插件：

• http://ivaynberg.github.io/select2/
• http://brianreavis.github.io/selectize.js/
• http://harvesthq.github.io/chosen/

更轻量级的方法可能是假设您只有文本而不是日期，使用data-list属性：

<div>Choose a browser from this list:</div>
<input list="browsers" />
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

我从这里复制了上面的代码：https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist

Answer 2

也许Chosen适合你。这是一个JavaScript SELECT替代品，它增加了许多新的机会：

http://harvesthq.github.io/chosen/