首页 > web前端 > js教程 > 如何使用 JavaScript 从下拉列表中获取选定的值和文本?

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

DDD
发布: 2024-12-24 06:18:16
原创
710 人浏览过

How to Get the Selected Value and Text from a Dropdown List Using JavaScript?

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

从下拉列表中选择值是 Web 开发中的常见任务。 JavaScript 提供了一种使用

考虑以下下拉列表:

<form>
  <select>
登录后复制

要获取所选值,只需使用以下 JavaScript 代码:

var e = document.getElementById("ddlViewBy");
var value = e.value;
登录后复制

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

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

var text = e.options[e.selectedIndex].text;
登录后复制

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

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

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板