在前端开发中，下拉框是常见的交互控件之一。获取用户在下拉框中所选的值是一个常见的需求。本文将介绍如何使用JavaScript获取下拉框选择的值。
HTML代码
首先，我们需要在HTML页面中创建一个下拉框，如下所示：
------- -------------- ------- ------------------------- ------- -------------------------- ------- -------------------------- ------- ------------------------- ---------
这里我们创建了一个id为“mySelect”的下拉框，其中包含四个选项：苹果、香蕉、橙子和葡萄。
JavaScript代码
要获取下拉框中所选的值，我们可以使用以下JavaScript代码：
----- -------- - ------------------------------------ ----- ------------- - ---------------
首先，我们使用document.getElementById()方法获取具有指定id的元素（即我们的下拉框）。然后，我们使用value属性获取所选选项的值，并将其存储在变量selectedValue中。
如果您想在选择更改时获取选定的值，则可以添加一个事件监听器，并在事件处理程序函数中执行相同的代码：
----------------------------------- ---------- - ----- ------------- - --------------- --------------------------- -- -------- ---
这里，我们使用addEventListener()方法将一个事件监听器附加到下拉框。每当选择更改时，事件处理程序函数就会被调用，并执行相同的代码以获取所选选项的值。
示例代码
以下是一个完整的示例代码，它将在选择更改时打印所选选项的值：
--------- -----
------
------
------------------------
-------
------
------- --------------
------- -------------------------
------- --------------------------
------- --------------------------
------- -------------------------
---------
--------
----- -------- - ------------------------------------
----------------------------------- ---------- -
----- ------------- - ---------------
---------------------------
---
---------
-------
-------通过这个简单的示例代码，您可以了解如何获取下拉框中所选的值。通过这种方法，您可以对用户做出更好的交互响应，从而增强用户体验。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/9273