Bootstrap - 选择的插件：文本中的 & 更改为 &

Question

我正在使用 Twitter Bootstrap v2.1.1 和附带的 Chosen 插件 v0.9.8 并且遇到了一个奇怪的问题，如果我的选择包含“Tom & Jerry”之类的和号，并且我搜索“m”，则选择的选择中的文本会将“&”更改为“&”，而“&”被选中。

这是一个 JSFiddle：http://jsfiddle.net/yakitori/2pszc/

$('#chz-select').chosen({search_contains:true});

尽管 Chosen 插件随 Bootstrap 一起提供，但似乎存在一些奇怪的冲突。 如果我从 JSFiddle 中删除 bootstrap.min.js，则“&”不会被转换并且搜索工作正常。还有其他人遇到这个问题吗？有人知道怎么解决吗？

Answer 1

我会切换到 Select2，它是 Chosen 的一个分支，具有更好的 API：

http://jsfiddle.net/isherwood/2pszc/1/

$('#chz-select').select2();

Answer 2

要解决此问题，删除 search_contains:true 使其变为 search_contains:false。希望您不需要“包含”搜索。

$('#chz-select').chosen({search_contains:false});

或者干脆拥有

$('#chz-select').chosen();

参考这个answer，更好地在您的HTML 中使用& 编码您的& 符号。

这是您的 html 编码 & 和 &

<select id="chz-select" data-placeholder="Select...">
    <option value="1">Tom &amp; Jerry</option>
    <option value="2">Andy &amp; Jamie</option>
    <option value="3">Mark &amp; Amy</option>
</select>

Working Fiddle