📜  jquery 在 select2 下拉按钮中设置值 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:13.292000             🧑  作者: Mango

jQuery 在 Select2 下拉按钮中设置值

Select2 是一个流行的 jQuery 插件,用于在网页上创建美观和易于使用的下拉列表。当对 Select2 下拉按钮进行编程时,有时需要通过编程方式设置其值。本文介绍了如何使用 jQuery 在 Select2 下拉按钮中设置值。

设置 Select2 值

要设置 Select2 下拉按钮的值,请使用 jQuery 设置 val 属性。例如,假设你有一个名为 mySelect 的 Select2 下拉按钮,如果希望将其值设置为 "2",那么可以使用以下代码:

$('#mySelect').val('2');

这将使 Select2 下拉按钮的当前值为 "2"。

更新 Select2 值

当使用 val 属性更新 Select2 下拉按钮的值时,Select2 不会自动更新其显示值。为了更新显示值,需要手动触发 change 事件。下面是完整代码:

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

以上代码将设置 Select2 下拉按钮的当前值为 "2",并触发 change 事件,以便更新其显示值。

结论

通过使用 jQuery 的 val 属性和 trigger 方法可以方便地设置和更新 Select2 下拉按钮的值。记住,当更新值时,必须手动触发 change 事件以更新显示值。

以上是本文介绍如何在 Select2 下拉按钮中设置值的内容,希望对你有所帮助!