允许文本编辑的引导选择

Question

我正在使用引导程序并有一些选择/下拉框。他们不允许我编辑文本，我想让这个选择列表成为一个可编辑的字段，这样它就可以作为从现有的选择或输入一个新值并单击保存来保存它。我怎么能通过引导程序来做到这一点（因为我的整个网站都是用引导程序制作的）。

所以我今天只有下面的选择，但它不允许用户在选择框中输入。我想我正在寻找混合文本框和选择/下拉列表。

<select id="selectGroups" class="form-control" size="1">
   @foreach(var g in Model)
   {
      <option value="@g">@g</option>
   }
</select>

Answer 1

这看起来解决了我的问题。

为什么 HTML 5 没有内置可编辑的组合框或本地菜单？

我只是将所述输入控件的类设置为“表单控件”，然后我得到了引导程序外观。

Answer 2

看看 Select2 小部件：http://ivaynberg.github.io/select2/

它允许文本编辑，您也可以查看它的引导主题：https ://fk.github.io/select2-bootstrap-css/