javascript - 附加到预先输入

Question

是否可以在预输入的末尾附加一些 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>');

Answer 1

下拉菜单是在预先输入过滤过程中构建的。如果您“加载时”检查它，您会发现它是空的。

根据您要解决的具体问题，我可以想到两种可能的解决方案。

一种解决方案是扩展 typeahead 插件并提供自定义“渲染”功能。这将允许您修改列表呈现过程并附加附加 <li>以及您喜欢的其他任何东西。这可能被认为是“最好的方法”。

另一个更黑客的解决方案是将您的自定义值放入数据源中，然后提供一个自定义“匹配器”函数，该函数运行原始匹配器以及您的自定义值的附加子句。

当然，解决方案与问题相关，并且在没有真正了解您想要做什么的具体细节的情况下，我无法推荐使用哪一个。但据我所知，这是你的两个选择。