在前端开发中，获取下拉菜单的选项值是一项非常基础的操作。使用 jQuery 可以非常方便地获取所有下拉菜单的选项值。
1. 获取单个下拉菜单的选项值
获取单个下拉菜单的选项值可以使用 jQuery 的 val() 方法。该方法返回当前选中选项的值。
例如，下面的 HTML 代码定义了一个包含三个选项的下拉菜单：
------- ----------------- ------- ---------------------- ------- ---------------------- ------- ---------------------- ---------
要获取该下拉菜单当前选中的选项值，可以使用以下 JavaScript 代码：
--- ------------- - ------------------------
2. 获取所有下拉菜单的选项值
如果页面中有多个下拉菜单，需要分别获取它们的选项值。这时候可以使用 jQuery 的 each() 方法遍历所有下拉菜单，然后依次获取它们的选项值。
例如，下面的 HTML 代码定义了两个下拉菜单：
------- -------------------- ------- ---------------------- ------- ---------------------- ------- ---------------------- --------- ------- -------------------- ------- ---------------------- ------- ---------------------- ------- ---------------------- ---------
要获取这两个下拉菜单的选项值，可以使用以下 JavaScript 代码：
--- -------------- - --- --------------------------------- - --- ------------- - -------------- ----------------------------------- ---
在上面的代码中，dropdownValues 数组用于保存所有下拉菜单的选项值。each() 方法遍历所有下拉菜单，对于每个下拉菜单，使用 $(this) 获取当前下拉菜单的 jQuery 对象，然后使用 val() 方法获取它的选项值，并将该值添加到 dropdownValues 数组中。
3. 示例代码
下面是一个完整的示例代码，演示如何使用 jQuery 获取所有下拉菜单的选项值：
--------- -----
------
------
----- ----------------
--------------------------------
------- -----------------------------------------------------------
--------
---------------------------- -
-- --------
------------------------------------- -
--- -------------- - ---
--------------------------------- -
--- ------------- - --------------
-----------------------------------
---
-------------------- - ---------------------- ----
---
---
---------
-------
------
--------------------------
------- --------------------
------- ----------------------
------- ----------------------
------- ----------------------
---------
----
------- --------------------
------- ----------------------
------- ----------------------
------- ----------------------
---------
----
------- -----------------------------------------
-------
-------在该示例中，页面上有两个下拉菜单和一个按钮。当点击按钮时，会使用 jQuery 获取所有下拉菜单的选项值，并将这些值用逗号分隔的形式显示在弹出窗口中。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/31278