jq select2 设置选中项
时间: 2023-11-16 22:24:19 浏览: 403
jquery插件-select2
如果你想要使用 jQuery 设置 Select2 组件的选中项,可以使用 Select2 的 `val()` 方法或者 `trigger('change')` 事件来实现。
方法一:使用 Select2 的 `val()` 方法
可以使用 Select2 的 `val()` 方法来设置选中项,如下所示:
```javascript
$('#mySelect2').val('value').trigger('change');
```
上述代码会将 Select2 组件的选中值设置为 `value`,并且触发 `change` 事件。这样就可以实现设置选中项的效果了。
需要注意的是,如果 Select2 组件支持多选,可以将选中值作为数组传递给 `val()` 方法,例如:
```javascript
$('#mySelect2').val(['value1', 'value2']).trigger('change');
```
上述代码会将 Select2 组件的选中值设置为 `value1` 和 `value2`,并且触发 `change` 事件。这样就可以实现设置多选选中项的效果了。
方法二:使用 `trigger('change')` 事件
如果你想在外部JavaScript代码中设置Select2组件的选中项,可以使用以下代码:
```javascript
$('#mySelect2').val('value');
$('#mySelect2').trigger('change');
```
上述代码会将Select2组件的选中值设置为`value`,然后手动触发`change`事件以更新Select2界面。
需要注意的是,如果Select2组件支持多选,可以将选中值作为数组传递给`val()`方法,例如:
```javascript
$('#mySelect2').val(['value1', 'value2']);
$('#mySelect2').trigger('change');
```
上述代码会将Select2组件的选中值设置为`value1`和`value2`,并手动触发`change`事件以更新Select2界面。
阅读全文