如何从html中选择标签<select>？</select>

Question

HTML Javascript问题

获取输入选择的选择值我可以使用

<select id="gender" name="gender" class="style12">
    <option selected="selected">ALL</option>
    <option>Male Only</option>
    <option>Female Only</option>
</select>

document.getElementById('gender').value

有什么简单的方法让我用javascript获取所选标签（即ALL / Male Only / Female Only）？

非常感谢阅读。

Answer 1

var el = document.getElementById('gender');
var text = el.options[el.selectedIndex].innerHTML;

Answer 2

建议使用jQuery版本：

jQuery("#gender").find("option[value='" + jQuery("#gender").val() + "']").text()

Answer 3

这应该有效：

var label = document.getElementById('gender')[document.getElementById('gender').selectedIndex].innerHTML;