在前端开发中，我们经常需要使用下拉选择框来收集用户信息。JQuery select2 是一个功能强大的插件，可以帮助我们创建自定义的下拉选择框。但是，当我们需要为下拉框设置默认值时，可能会遇到一些问题。
本文将介绍如何使用 JQuery select2 从下拉列表中设置默认值，并提供示例代码和指导意义。
使用 Select2 设置默认值
要设置 select2 下拉列表的默认值，我们需要在初始化 select2 插件时通过代码设置所需选项的初始值。具体来说，我们可以使用 val() 函数设置默认选中的选项。例如：
-------------------------------------------
上面的代码将选中下拉列表中 value 属性为 2 的选项，并触发 change 事件。这样，在下拉列表中将显示默认选项。
从选项列表中设置默认值
有时候，我们可能需要从下拉列表中选择一个选项作为默认选项。例如，我们想要在下拉列表中选择第二个选项作为默认选项。我们可以使用以下代码实现：
--- ------- - ------------- ---------
-- --------------- - -- -
--- ------------- - -----------
--------------------------------- ------------
-上述代码首先获取所有选项列表，并检查列表长度是否超过 1。如果存在两个或更多选项，则将第二个选项设置为默认选项。然后设置所选选项的 selected 属性。
示例代码
下面是一个完整的示例，演示如何从 select2 下拉列表中选择默认选项：
--------- -----
------
------
----- --------------- --
-------------- ------- ----- ---------------
----- ---------------- -------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------- ----------------------- ---------------------------- --
-------
------
------- ---------------
------- ---------------- ----------
------- ---------------- ----------
------- ---------------- ----------
---------
------- ------------------------------------------------- ---------------------------------------------------------------------------------- ---------------------------------
------- ----------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------- ----------------------- --------------------------------------
------- -----------------------
---------------------------- -
-- --- -------
--------------------------
-- -----------
--- ------- - ------------- ---------
-- --------------- - -- -
--- ------------- - -----------
--------------------------------- ------------
-
-- ------
-------------------------------------------
---
---------
-------
-------指导意义
本文介绍了从选项列表中使用 JQuery select2
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26179