Jquery Chosen插件如何用户清除回默认值

时间:2014-04-28 17:53:06

标签: jquery plugins jquery-chosen

如果我有

<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>

假设用户进入并选择&#34; red&#34;。他们意识到他们并不意味着回答这些意见并希望“空白”#34;出来。将其重新设置为空白值。

在正常的下拉菜单中,他们只需选择&#34;空白&#34;我在列表顶部提供的选项,他们就在那里。

然而,选择从列表中删除我的空白选项。我尝试过使用空格而不是空字符串。 ti做同样的事情。所以&#34;空白&#34;我提供的选择无法选择,因此用户无法清除控件中的答案。

是否有默认值我可以告诉它停止这样做?我研究过没找到任何东西。

我的应用程序有超过几百个下拉列表。我真的不想在每一个上创建一个X for remove,这样用户就可以清除该条目了。我希望我不必手动修改插件源代码......但这将是我的下一步。

1 个答案:

答案 0 :(得分: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)."

Source DOCS

Example FIDDLE