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