Question

我有一个像

这样的清单

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

如果用户选择选项1，我必须得到值“XXXX”，对于第二个我必须得到显示“YYYY”，依此类推。格式应该像上面那样，我不必改变value =“1”，“2”，“3”。我在javascript中需要它。感谢

Answer 1

你可以抓住<select>，然后在.selectedIndex获取<option>，就像这样：

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

You can test it out here

Answer 2

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

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

Answer 3

尝试此操作以提醒所选选项的文字：

<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>

如何从<select>标签</select>中获取值

3 个答案: