使用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');});
上述案例代码中,我们首先创建了一个空的