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

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完美地显示价值，当你选择任何价值蚂蚁在外面点击时:)