我的页面上有选择字段:
<label>
<span>Select name</span>
<select name="name">
<option value="Option1">Option 1</option>
<option value="Option2">Option 2</option>
</select>
</label>
我已经为此字段初始化了 select2 lib:
$("[name='name']").select2({
allowClear: true,
tags: true
});
正如您所看到的,我需要使用标签,因为用户可以编写一个选项,但未包含在建议中。
它有效。
当我想设置默认用户值时,我使用以下命令:
$("[name='name']").val(Option1).trigger("change");
如果该值是选择的选项值之一,则它有效。但如果我想设置其他值,则标签不会设置。
$("[name='name']").val(Option3).trigger("change");
我可以做什么来设置标签值?
好吧,我找到了答案!
如果我们没有带有标签值的选项,我们只需执行以下操作:
var tagValue = [{id: Option3, text: Option3}];
$("[name='name']").select2({
allowClear: true,
tags: true,
data: tagValue
});
$("[name='name']").val(tagValue).trigger('change');
因此,这段代码的第一部分在我们的选择中添加了一个附加选项,之后我们可以使用它作为值来设置它。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)