[Autocomplete] twitter引導自動完成下拉列表/與Knockoutjs組合框


Answers

基本的HTML5數據列表是否工作? 它很乾淨,你不必隨意使用凌亂的第三方代碼...... W3SCHOOL教程

Question

我有一個要求,我必須使用引導自動完成下拉列表,但用戶可以在該下拉列表中有自由形式的文本,如果他們願意的話。 在你考慮TypeAhead之前,我可以使用Bootstrap TypeAhead文本框,但是我需要有下拉菜單,因為我們希望給某些默認值作為headstart選項,以防用戶不知道要搜索什麼。

我正在使用MVC DropDownListFor,因為它為我們創建了一個選擇控件。

我發現這篇文章是為我做的。

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

我所要做的就是取消選擇控制器的名稱,控制器讓我輸入自由形式的文本。 迄今為止都很好。

現在,我將它與Knockoutjs結合使用。 我將我的選項和選定的值綁定到選擇控件,然後在我的模板的行渲染上,我調用了(選擇器).combobox(),它使選擇控件成為引導程序comobobox並添加了輸入控件並隱藏了場景中的選擇控件背後。

現在的問題是,當我嘗試讓他將值發佈到服務器時,由於我放入輸入框的值不是我給選擇控件的選項中的有效選項,因此默認情況下它始終將其設置為第一個選項。 這是因為我在選擇控件上設置了所選值的綁定,而不是在由bootstrap-combobox.js創建的輸入框上。

我的問題是我如何獲得輸入框數據綁定到選擇控件綁定到相同的屬性。

任何其他選項? 讓我知道你是否需要更多的澄清或有問題。 請建議。

謝謝。










Links