使用JavaScript在下拉列表中获取选定的值

一尘不染

使用JavaScript在下拉列表中获取选定的值

javascript

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

我尝试了下面的方法，但是它们都返回选择的索引而不是值：

var as = document.form1.ddlViewBy.value;
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

阅读 261

2020-04-22

共1个答案

一尘不染

如果您有一个如下所示的select元素：

<select id="ddlViewBy">
  <option value="1">test1</option>
  <option value="2" selected="selected">test2</option>
  <option value="3">test3</option>
</select>

运行此代码：

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

将strUser成为2。如果您真正想要的是test2，请执行以下操作：

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;

这将strUser成为test2

2020-04-22