JQ select2 清空数据
时间: 2023-08-02 13:10:48 浏览: 95
如果你想要在使用 Select2 插件时清空所有数据,可以通过以下两种方法实现。
方法一:使用 Select2 的 `val()` 方法
可以使用 Select2 的 `val()` 方法将其值设置为 `null` 来清空所有数据,如下所示:
```javascript
$('#mySelect2').val(null).trigger('change');
```
上述代码会将 Select2 组件的值设置为 `null`,并且触发 `change` 事件。这样就可以实现清空所有数据的效果了。
方法二:使用 Select2 的 `data` 方法
可以使用 Select2 的 `data` 方法将其数据设置为空数组来清空所有数据,如下所示:
```javascript
$('#mySelect2').select2('data', []);
```
上述代码会将 Select2 组件的数据设置为空数组。这样就可以实现清空所有数据的效果了。
需要注意的是,这种方法只会清空 Select2 组件的数据,但是不会清空 Select2 组件的选中值。如果需要同时清空选中值,还需要调用 Select2 的 `val()` 方法,如下所示:
```javascript
$('#mySelect2').val(null).trigger('change');
$('#mySelect2').select2('data', []);
```
上述代码会先将 Select2 组件的选中值设置为 `null`,再将 Select2 组件的数据设置为空数组。这样就可以清空所有数据并且清空选中值的效果了。
阅读全文