如何在 JavaScript 中从下拉列表中获取选定的值和文本？

从 JavaScript 中的下拉列表中获取所选值

使用 JavaScript 从下拉列表或选择框中访问所选值是一项常见任务网络开发。所选值提供了处理表单和与用户交互的关键信息。

要检索所选值，我们可以利用 的 value 属性。元素。该属性代表用户当前选择的选项。

让我们用一个示例来演示这一点：

<form>
  <select>

var e = document.getElementById("ddlViewBy");
var value = e.value;

在此示例中，变量 e 引用了 ;元素，e.value 检索所选值，在本例中为“2”。

此外，您还可以使用以下方式获取与所选选项关联的文本：

var text = e.options[e.selectedIndex].text;

此代码将所选选项的文本内容分配给文本变量。

交互式示例：

[示例](interactive-example-code)

此示例允许您从下拉列表中选择一个选项，并将所选值和文本记录到控制台您的参考。

以上是如何在 JavaScript 中从下拉列表中获取选定的值和文本？的详细内容。更多信息请关注PHP中文网其他相关文章！