如何从 <select> 标签获取值

如何从 <select> 标签获取值

2010-09-28

632

javascript

我有一个列表，如

<select name="operation" id="operation">
  <option value="1">XXXX</option>
  <option value="2">YYY</option>
  <option value="3">ZZZ</option>
</select>

如果用户选择选项 1，我必须获取值“XXXX”，对于第二个选项，我必须显示“YYYY”，依此类推。格式应该像上面那样，这意味着我不必更改值“1”、“2”、“3”。我需要它在 javascript 中。谢谢

3个回答

您可以通过抓取 <select> 然后在 .selectedIndex 获取 <option> 来获取它，如下所示：

var sel = document.getElementById('operation');
var text = sel.options[sel.selectedIndex].text;

您可以在此处进行测试。

Nick Craver

2010-09-28

var dropdown = document.getElementById('operation');
var selected = dropdown[dropdown.selectedIndex].text;

可能还会检查 selectedIndex 是否超出范围

knittl

2010-09-28

尝试此操作来提醒所选选项的文本：

<select name="operation" id="operation" 
        onchange="alert(this.options[this.selectedIndex].text);">
  <option value="1">XXXX</option>
  <option value="2">YYY</option>
  <option value="3">ZZZ</option>
</select>

Canavar

2010-09-28