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