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

Question

当我在选择框中使用chosen时，它会自动选择选项表单选项列表。

当我点击 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>