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

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

从下拉列表中选择值是 Web 开发中的常见任务。 JavaScript 提供了一种使用 的 value 属性来检索所选值的简单方法。

考虑以下下拉列表：

<form>
  <select>

要获取所选值，只需使用以下 JavaScript 代码：

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

这将分配值将所选选项（例如“2”）添加到值变量中。

除了值之外，您还可以检索所选选项中显示的文本：

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

这会将所选选项的文本（例如“test2”）分配给文本变量。

通过利用这些技术，您可以轻松地从 JavaScript 中的下拉列表中检索选定的值和文本。

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