Jquery Chosen插件如何让用户清空返回默认值

Question

如果我有

<select id="ddlplugin" data-placeholder="Choose Option..." style="width: 175px;" class="chzn-select">
    <option value="0"></option>
    <option value="1">Blue</option>
    <option value="2">Red</option>
</select>

假设用户进入并选择"红色"。他们意识到他们不是有意回答这个输入，并想把它"空白"掉。将其设置回空白值。

在正常的下拉选择中，他们只需选择我在列表顶部提供的"空白"选项，就可以了。

然而，如果选择，则会从列表中删除我的空白选项。我尝试过使用空格而不是空字符串。ti也做同样的事情。因此，我提供的"空白"选项无法选择，因此用户无法清除控件中的答案。

有没有默认情况，我可以告诉它停止这样做？我研究过，没有发现任何东西。

我的申请有几百个下拉列表。我真的不想在每一个条目上都创建一个X来移除，这样用户就可以清除条目。我希望我不必手动修改插件源代码来做到这一点。。。但这将是我的下一步。

Answer 1

您可能需要选中allow_single_deselect选项，该选项添加了一个X按钮以将其清空：

//script
$(".my_select_box").chosen({
  allow_single_deselect : true
});
//example html
<select class="my_select_box" data-placeholder="Pick a color..." 
 style="width:350px;" tabindex="1">
    <option value="0"></option>
    <option value="1">Blue</option>
    <option value="2">Red</option>
</select>

来自文档："When set to true on a single select, Chosen adds a UI element which selects the first element (if it is blank)."

来源DOCS

示例FIDDLE