Question

我在这样的表格中有一个选择选项

<select id="name" name="name" onblur="date()">
    <option value="RAN">RAN</option>
    <option value="REE">REE</option>
    <option value="SAM">SAM</option>
    <option value="SEJAl">SEJAl</option>
</select>

我想在用户失去焦点时获取列表中所选项目的值。我尝试了以下脚本;

function date(){
    var e = document.getElementById("name");    
    var name = e.options[e.selectedIndex].value; 
    console.log(name);
    //do something else....  
}

控制台是空的。一个简单的document.getElementById也没有给我这个值。那么我可以通过哪种方法获得价值？

谢谢！

找到答案：

$name = $('select[name=name]').val();

Answer 1

使用e.value，如下所示：

function date(){
    var e = document.getElementById("name");    
    console.log(e.value); 
}

Answer 2

JSBin

function date(){
    var e = document.getElementById("name");    
    alert(e.value); 
}

当您在外部点击时选择任何值时，这将完美显示alert中的值：）

在javascript / jquery中获取选择选项菜单

2 个答案: