如何重置select2中的特定选定选项

Posted 2023-05-07

【中文标题】如何重置select2中的特定选定选项

【英文标题】：How to reset specific selected option in select2

【发布时间】：2019-08-09 17:00:17

【问题描述】：

例如，我预先选择了 2 条记录，如下面的屏幕截图所示。

我注意到aria-selected="true" 用于选定的。

我如何通过title 找到它并删除/重置它，使其不会成为当前选定项目的一部分。

提前致谢。

【参考方案1】：

我认为这应该可行：

$('#idSelect option[title="myTitle"]').first().remove();

希望对你有帮助。

【参考方案2】：

select2 具有指向 DOM 中特定 <select> 元素的链接。所以，首先你需要更改选择选项，然后触发select2的change事件 如需更改option 文字，您可以点赞

<select id="mySelect">
  <option value="option1">Text</option>
</select>

var $select2 = $("#mySelect").select2();
$('#mySelect option[value="option1"]').text = 'Another text';

然后为select2触发change事件：

$select2.trigger("change");

删除项目

$('#mySelect option[value="option1"]').remove();
$select2.trigger("change");

选择一个选项

$select2.val("option1").trigger("change");

选择多个选项

$select2.val(["option1", "option2"]).trigger("change");

从所选中删除一个

如果您需要从已选择的选项中删除一个选项，则需要获取已选择的选项，删除一个，然后为 select2 设置新选项。

var sel = $select2.val(); // array
sel.splice(sel.indexOf("option1"), 1);
$select2.val(sel).trigger("change");