twitter引导自动完成下拉列表/与Knockoutjscombobox

我有一个要求，我必须使用引导自动完成下拉菜单，但用户可以在该下拉列表中的自由格式文本，如果他们希望。在考虑TypeAhead之前，我可以使用Bootstrap TypeAhead文本框，但是我需要下拉菜单，因为我们希望给一些默认值作为headstart选项，以防用户不知道要search的内容。

我正在使用MVC的DropDownListFor这为我们创build一个select控制。

我发现这篇文章是为我做的。

https://github.com/danielfarrell/bootstrap-combobox/pull/20

我所要做的只是从select控制中取下名字，控制让我进入自由forms的文本。迄今为止都很好。

现在，我和Knockoutjs一起使用它。我将我的选项和选定的值绑定到select控件，然后在我的模板的行渲染上，我调用了（select器）.combobox（），这使得select控件成为引导combobox，并添加了input控件，并隐藏了场景中的select控件背后。

现在的问题是，当我尝试让他的值发布到服务器，因为我把它放在input框中的值不是我给select控件的选项的有效选项，默认情况下总是将其设置为第一个选项。这是因为我设置了select控件上的选定值的绑定，而不是由bootstrap-combobox.js创build的input框。

我的问题是如何获得input框数据绑定到select控件绑定到相同的属性。

任何其他选项？让我知道如果你需要更多的澄清或有问题。请build议。

谢谢。

看看Select2的Bootstrap 。它应该能够做你需要的一切。

另一个不错的select是Selectize.js 。 Bootstrap的感觉更加原生。

基本的HTML5数据列表是否工作？这是干净的，你不必乱用杂乱的第三方代码… W3SCHOOL教程

Select2用于Bootstrap 3原生插件

这个插件使用select2 jquery插件

的NuGet

PM> Install-Package Select2-Bootstrap

Fuel UX combobox具有您所期望的所有function。

在这里查看演示： http : //www.jqueryscript.net/demo/Twitter-Like-Mentions-Auto-Suggesting-Plugin-with-jQuery-Bootstrap-Suggest/

在这一个你可以很容易地改变@和＃任何你想要的

Bootstrap Tokenfield看起来也不错： http ://sliptree.github.io/bootstrap-tokenfield/