在前端开发中，经常需要获取下拉列表（select元素）中用户选择的选项。jQuery作为一个流行的JavaScript库，提供了一种方便的方式来实现这个任务。
获取选定的选项
要获取下拉列表中当前选定的选项，可以使用jQuery的val()方法。例如，如果我们有以下HTML代码：
<select id="mySelect"> <option value="apple">苹果</option> <option value="orange">橙子</option> <option value="banana">香蕉</option> </select>
我们可以使用以下jQuery代码来获取当前选定的选项的值：
var selectedValue = $('#mySelect').val();这将返回当前选定选项的value属性值。如果我们在上面的例子中选择了“橙子”，那么selectedValue将被设置为“orange”。
如果您希望获取当前选定选项的文本而不是值，可以使用以下代码：
var selectedText = $('#mySelect option:selected').text();这将返回当前选定选项的文本内容，即“橙子”。
设置选定的选项
如果您想以编程方式设置下拉列表中的选定选项，也可以使用val()方法。例如，如果我们想将上面示例中的下拉列表设置为“香蕉”，可以使用以下代码：
$('#mySelect').val('banana');这将把下拉列表的选定选项设置为“香蕉”。
示例代码
以下是一个完整的示例，演示如何获取和设置下拉列表中的选定选项：
-- -------------------- ---- -------
--------- -----
------
------
------------- ------ ---------------
------- -----------------------------------------------------------
--------
---------------------------- -
-- ---------
--- ------------- - ---------------------
--- ------------ - ------------ -------------------------
-------------------- - ---------------
--------------------- - --------------
-- -------
-----------------------------
-------------------- - ----------------------
---
---------
-------
------
------- --------------
------- -------------------------
------- --------------------------
------- --------------------------
---------
-------
-------在此示例中，我们使用console.log()将结果输出到控制台。您可以在浏览器的开发工具中查看输出。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7208