在网页开发中，我们经常需要从选择框（select）中获取用户选择的文本或值。本文将介绍使用JavaScript来实现这一目标的方法，并提供示例代码和指导意义。
获取选项文本
要获取选择框中当前选定选项的文本，我们可以使用以下代码：
--- --------- - ------------------------------------ --- ------------ - ------------------------------------------------
首先，我们通过getElementById()函数获取选择框的引用，并将其存储在一个变量中。然后，我们使用selectedIndex属性来确定已选项的索引，以及options数组来获取该项的文本值。最后，我们将文本存储在另一个变量中。
接下来，我们可以将该文本用于我们需要的任何操作，例如显示它在页面上。
获取选项值
如果我们需要获取选择框中当前选定选项的值，而不是文本，我们可以使用以下代码：
--- --------- - ------------------------------------ --- ------------- - -------------------------------------------------
这段代码与前一个示例非常相似，但是使用了value属性而不是text属性来获取选项的值。
示例代码
下面是一个完整的示例代码，演示如何使用JavaScript获取选择框中选定选项的文本和值：
--------- -----
------
------
------------------------------
------- -----------------------
-------- ---------------------- -
--- --------- - ------------------------------------
--- ------------ - ------------------------------------------------
--- ------------- - -------------------------------------------------
--------------- ----- - - ------------ - ----------- ------ - - ---------------
-
---------
-------
------
------- --------------
------- -------------------------
------- --------------------------
------- --------------------------
---------
------- ----------------------------------------------------
-------
-------该代码创建了一个选择框和一个按钮。当用户单击按钮时，将显示当前选定选项的文本和值。
指导意义
通过使用以上介绍的方法来获取选择框中选定选项的文本或值，可以使我们的网页交互更加动态化。例如，我们可以根据用户选择的选项加载不同的数据或执行不同的操作。
另外，需要注意的是，如果页面中存在多个选择框，则应始终使用唯一的ID来区分它们，并在JavaScript中使用getElementById()函数进行引用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/15009