javascript - 使用JavaScript在下拉列表中获取选定的值(Get selected value in dropdown list using JavaScript)

Question

How do I get the selected value from a dropdown list using JavaScript?

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

I tried the methods below, but they all return the selected index instead of the value:

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

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

  ask by Fire Hand translate from so

Answer 1

If you have a select element that looks like this:

(如果您具有如下所示的select元素：)

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

Running this code:

(运行此代码：)

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

Would make strUser be 2 .

(将strUser设为2 。)

If what you actually want is test2 , then do this:

(如果您真正想要的是test2 ，请执行以下操作：)

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

Which would make strUser be test2

(这会使strUser成为test2)