2014-01-20 45 views
1

是否可以將一些HTML追加到鍵入的末尾?我嘗試了很多不同的東西,但都沒有成功。追加到鍵入

我試圖做的是有預輸入的最後結果是Search for "< what the user typed into the input >"

這裏就是我試過上的jsfiddle:http://jsfiddle.net/MgcDU/8621/

我希望它做的是追加<li>一次它的創建下拉結束,但事實並非如此。爲什麼?

HTML:

<input type="text" data-source="[&quot;Alabama&quot;,&quot;Alaska&quot;,&quot;Arizona&quot;,&quot;Arkansas&quot;,&quot;California&quot;,&quot;Colorado&quot;,&quot;Connecticut&quot;,&quot;Delaware&quot;,&quot;Florida&quot;,&quot;Georgia&quot;,&quot;Hawaii&quot;,&quot;Idaho&quot;,&quot;Illinois&quot;,&quot;Indiana&quot;,&quot;Iowa&quot;,&quot;Kansas&quot;,&quot;Kentucky&quot;,&quot;Louisiana&quot;,&quot;Maine&quot;,&quot;Maryland&quot;,&quot;Massachusetts&quot;,&quot;Michigan&quot;,&quot;Minnesota&quot;,&quot;Mississippi&quot;,&quot;Missouri&quot;,&quot;Montana&quot;,&quot;Nebraska&quot;,&quot;Nevada&quot;,&quot;New Hampshire&quot;,&quot;New Jersey&quot;,&quot;New Mexico&quot;,&quot;New York&quot;,&quot;North Dakota&quot;,&quot;North Carolina&quot;,&quot;Ohio&quot;,&quot;Oklahoma&quot;,&quot;Oregon&quot;,&quot;Pennsylvania&quot;,&quot;Rhode Island&quot;,&quot;South Carolina&quot;,&quot;South Dakota&quot;,&quot;Tennessee&quot;,&quot;Texas&quot;,&quot;Utah&quot;,&quot;Vermont&quot;,&quot;Virginia&quot;,&quot;Washington&quot;,&quot;West Virginia&quot;,&quot;Wisconsin&quot;,&quot;Wyoming&quot;]" data-items="10" data-provide="typeahead" style="margin: 0 auto;" class="span3"> 

的jQuery:

$(".typeahead.dropdown-menu").append('<li data-value="Custom" class=""><a href="#">CUSTOM TEXT</a></li>'); 

回答

0

下拉菜單在預輸入濾波過程構建的。如果您檢查它「在裝載」,你會發現它是空的。根據您的具體問題

你正在試圖解決,我能想到的兩種可能的解決方案。

一個解決辦法是延長預輸入插件並提供自定義的「再現」功能。這將允許您修改列表呈現過程,並追加其他<li>以及其他任何您喜歡的內容。這可能被認爲是「最好的方式」。

另一個更哈克的解決辦法是將數據源中的自定義值,然後提供與您的自定義值的附加條款一起運行原來的匹配定製的「匹配」功能。

當然解決方案都依賴於問題並沒有真正知道你想要做什麼很具體,我可以不推薦使用哪一個。但就我的想法而言,這是你的兩個選擇。