如何创建可搜索的下拉菜单？

Question

我有一个很长的值列表，我希望通过下拉菜单选择该值，并能够通过将值键入为文本来搜索项目。例如，类似于www.google.com中的搜索框...如何使用jQuery，JavaScript，HTML和bootstrap执行此操作？有捷径吗？

将类添加到以下剃刀视图代码是否足够？

@Html.DropDownListFor(m => m.MyProperty, fmDataContext.MySelectList, "Select...", new { @class = "form-control" })

这只会呈现正常的下拉列表，而不是我想要的。

Answer 1

此类任务的可能解决方案之一是带有datalist元素的简单HTML代码：

<form>
  <label for="properties">Properties</label>
  <input name="properties" id="properties" list="properties-list">
</form>
<datalist id="properties-list">
  <option>Property 1</option>
  <option>Property 2</option>
  <option>Property 3</option>
</datalist>