JQuery select2 从列表中的选项设置默认值

作者:编程家 分类: js 时间:2025-07-09

使用JQuery select2插件,我们可以轻松地从一个选项列表中设置默认值。无论是在创建一个新的select2下拉菜单,还是在已经存在的下拉菜单上设置默认值,都可以通过简单的代码实现。

在这篇文章中,我们将探讨如何使用JQuery select2来设置默认值,并提供一个案例代码来演示这个过程。

案例代码:

HTML代码:

html

JavaScript代码:

javascript

$(document).ready(function() {

var data = [

{ id: 1, text: '选项1' },

{ id: 2, text: '选项2' },

{ id: 3, text: '选项3' }

];

$('#mySelect2').select2({

data: data

});

// 设置默认值

$('#mySelect2').val(2).trigger('change');

});

上述案例代码中,我们首先创建了一个空的