🌟Select2初始化默认值✨

2025-03-17 04:30:05

导读在日常开发中，我们常常需要使用`Select2`插件来优化下拉框的用户体验。不过，有时候我们需要给`Select2`设置一个默认值，让它在页面加载时...

在日常开发中，我们常常需要使用`Select2`插件来优化下拉框的用户体验。不过，有时候我们需要给`Select2`设置一个默认值，让它在页面加载时就显示特定选项。那么，如何实现呢？👇

首先，确保你的HTML中有对应的`

```

接着，在JavaScript中初始化`Select2`时，通过传递参数来确认默认值。比如：

```javascript

$('mySelect').select2({

placeholder: '请选择',

allowClear: true // 是否允许清空

});

```

如果需要动态设置默认值，可以使用以下代码：

```javascript

var defaultValue = '2'; // 设置默认值

$('mySelect').val(defaultValue).trigger('change');

```

这样，当页面加载完成后，`Select2`就会自动显示你预设的默认值啦！🌈

最后提醒一点，记得检查`Select2`是否成功绑定到目标元素上哦～💪

标签：