📜  select2 清除选项 (1)

📅  最后修改于: 2023-12-03 14:47:21.911000             🧑  作者: Mango

#### Select2 清除选项

通过使用 Select2 插件,可以轻松地清除选择框中的选项。

##### 介绍

Select2 是一个功能强大的选择框增强插件,提供了搜索、多选等功能。在某些情况下,我们可能需要清除选择框中已选择的选项,以便重新选择。

##### 示例代码

以下是使用 Select2 清除选项的示例代码:

```javascript
// HTML
<select id="mySelect2">
  <option value="1">选项 1</option>
  <option value="2">选项 2</option>
  <option value="3">选项 3</option>
</select>

// JavaScript
$(document).ready(function() {
  $('#mySelect2').select2();
  
  // 清除选项按钮点击事件
  $('#clearButton').click(function() {
    $('#mySelect2').val(null).trigger('change');
  });
});
注意事项
  • 使用 Select2 清除选项前,需要先初始化 Select2 插件。
  • 清除选项时,可通过 $('#mySelect2').val(null).trigger('change'); 将选中值设为 null 并触发 change 事件。

以上是 Select2 清除选项的介绍,希望对你有所帮助!如果有任何问题,请随时提问。