Question

在bootstrap下拉列表中，我希望能够通过键入来选择条目。例如。如果我在所有工作日都有一个下拉列表并输入＆＃39; w，那么我想要进入＆＃39; Wednesday＆＃39;被选中。

从我在Bootstrap components docs中找到的内容来看，这不是开箱即用下拉菜单的开箱即用功能。

我从this问题调整了Bootply以显示我想要实现的目标：

http://www.bootply.com/lNMmUfyEWM

感谢您的帮助！

Answer 1

这个库可能正是你想要的！ https://brianreavis.github.io/selectize.js/

您可以使用标准<select>和<option>标记，但必须对其进行初始化。这可能是你的选择：

<select id="select-example" placeholder="Select weekday...">
  <option value="">Select weekday...</option>
  <option value="0">Sunday</option>
  <option value="1">Monday</option>
  <option value="2">Tuesday</option>
  <option value="3">Wednesday</option>
  <option value="4">Thursday</option>
  <option value="5">Friday</option>
  <option value="6">Saturday</option>
</select>

这将是你的额外JS（假设你已经没有在文档准备好的情况下运行的功能）

$(function() {
  return $('#select-example').selectize();
});

我已经写了一个例子，可以在这里看到：http://codepen.io/lezed1/pen/cDFLk

完整版（不含所有代码）可以在这里看到：http://codepen.io/lezed1/full/cDFLk/

通过键入从引导程序下拉列表中选择条目

1 个答案: