选择jquery，将空字符串作为选项

Question

我在grails-environment中使用selected.js表单中的Dropdown。 我希望用户能够选择一个空选项，但不知何故它会被忽略。 必须有可能这样做吗？ 因为设置像“select-none”这样的选项以及稍后在data-bindig中的选项会产生if条件，如果select-none value =“”将是不合适的。

显示我的问题：

例如这个选择：

<g:select id="foo" data-placeholder="bar"  class="foo chzn-select" style="width: 245px;" tabindex="4" 
                    from="${['M', ' ', 'F']}" value="foo" name="titel"/>

将返回：

当然这是一个很好的选择，但我想我的情况是一个常见的情况，也许你的某个人已经有一个解决方案来覆盖这种行为

提前致谢

Answer 1

经过一些研究，我找到了这个帖子

https://github.com/harvesthq/chosen/issues/93

我的解决方案是在选择

初始化之前通过JS预先选择一个选项

$("#id").prepend("<option value='' >&nbsp;</option>");

所以这个问题已得到解决，感谢 和所有看过这个

的人

Answer 2

您还可以将* allow_single_deselect *设置为true。这将有一个'x'，允许用户取消选择该选项。

$(".chzn-select").chosen({ allow_single_deselect:true });

Answer 3

<g:select name="foo" from="${foos}" noSelection="[' ':' ']"  />  

Answer 4

如果您的选择已经有一个空白选项，您可以跳过第一步。

1 - 您可以尝试使用像：

$(".chzn-select").prepend("<option value='' >&nbsp;</option>");

2 - 将您的选择转换为选择：

$(".chzn-select").chosen({
    allow_single_deselect: true
});

3 - 选项“allow_single_deselect”将在您的选项中创建一个红色的 X，它允许您取消选择并将该字段保留为空白值：

参考： https://harvesthq.github.io/chosen/options.html