Question

JS 如何获得下拉框当前的value 值

我想在JS函数中获得下拉框当前的value

<select class=input name=mode>
<option selected value=1>跳</option>
<option value=2>走</option>
</select>

该怎么获取？
我尝试 $("#mode").val() 但结果却是undefined

Answer 1

DEMO:

<select id="allName">
    <option value="zhangsan">张三</option>
    <option value="lisi">李四</option>
    <option value="wangwu" selected>王五</option>
    <option value="zhaoliu">赵六</option>
</select>
<input type="button" value="test" onclick="getSelectVal();"/>

<script>
    function getSelectVal(){
        //获取select dom对象
        var allSelect = document.getElementById("allName");
        //获取select下拉框下所有的选项
        var optionArr = allSelect.getElementsByTagName("option");
        for(var i=0;i<optionArr.length;i++){
            if(optionArr[i].selected==true){
                alert(optionArr[i].value);
                return;
            }
        }
    }
</script>

Answer 2

#mode 获取到是id 但是你这里select 里面设置的是name

Answer 3

name=mode 改成id=mode试一下

或者改选择器：
$("select[name='mode']").val()

Answer 4

document.getElementbyid("").getValue();应该是这个

Answer 5

获得id为select_id当前选中的value值
document.getElementById("select_id").value