Question

当我在chosen中使用select box时，它会自动选择option表单option list。

当我点击x图标时，它会显示data-placebolder文字。

但我想显示默认的data-placebolder文字。

这是我的代码

HTML

<select class="chosen-select" data-placeholder="Select A User Group" id="user_group" name="user_group">
     <option> </option>
     <option value="1">Administrator</option>
     <option value="2">Operator</option>
</select>

JS

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

Answer 1

我建议你使用Select2而不是选择。将第一个<option></option>替换为以下内容：

<option value=""></option>

显示默认占位符。此外，设置data-placeholder="Select A User Group"不仅有效。添加这些：

data-placeholder="Select A User Group"
placeholder="Select A User Group"

而且，在options中，传递这个：

$(element).select2({
    placeholder: "Select A User Group"
});

或者，动态地：

$(element).select2({
    placeholder: $(this).attr("placeholder")
});

如果您仍坚持使用Chosen，请转到：

$(element).chosen({
    placeholder_text_multiple: $(this).attr("placeholder"),
    placeholder_text_single: $(this).attr("placeholder")
});

但不要忘记以这种方式更改第一个选项：

<option value=""></option>

为什么选择自动选择元素？

1 个答案: