bootstrap - 带有自由文本的下拉列表

Question

我需要在html页面上显示下拉列表。我希望用户还可以在组合框中添加自由文本，如果他找不到他想要的值。有可能而不是太复杂吗？我有bootstrap和jquery。谢谢！

Answer 1

为了帮助您入门，这里有两个有助于实现您想要的库。

Select2支持许多功能，并允许用户输入文字。

另一种选择是Selectize.js但我自己没有尝试过。

最后有this project也达到了你想要的效果。

Answer 2

使用datalist非常简单-无需CSS / JavaScript。

这是一个Bootstrap示例：

<form role="form">
   <div class="form-group">
      <input type="text" class="form-control" list="select-list-id"/>
   </div>
   <datalist id="select-list-id">
      <option value="What was your childhood nickname?"></option>
      <option value="In what city did you meet your spouse/significant other?"></option>
   </datalist>
</form>

请参见fiddle。