twitter-bootstrap - bootstrap - 带有自由文本的下拉菜单

Question

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

Answer 1

与 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 .