如何使用select2删除选定的值

Select2 是一个流行的 jQuery 插件，用于选择和过滤 HTML 下拉列表。当用户选择选项时，Select2 将存储用户在输入框中输入的值。如果用户要删除之前选择的选项，可以使用 Select2 的 API 来删除已选择的值。

删除选定的值

要删除选定的值，请使用 Select2 的 val() 方法，将选择框的值设置为空数组。例如：

$('#mySelect2').val([]).trigger('change');

代码说明：

• #mySelect2 是 Select2 控件的 ID。
• val([]) 将选中的选项设置为空数组，从而清除了当前选中的值。
• trigger('change') 会触发 change 事件，以便其他已连接的代码可以响应选择框的更改。

示例代码

<select id="mySelect2" multiple>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
  <option value="4">选项4</option>
</select>

<button id="clearSelect2">清除选择</button>

<script>
  $('#mySelect2').select2();

  $('#clearSelect2').click(function() {
    $('#mySelect2').val([]).trigger('change');
  });
</script>

在此示例中，当用户单击 #clearSelect2 按钮时，将调用 val([]) 方法来清除选定的值。

总结

使用 Select2，您可以轻松地支持选择和过滤下拉列表。该插件提供了许多功能和 API，可以帮助您管理和处理选择框的值。将 val([]) 方法用于选择框，可以轻松地删除选定的值。