从select标签中获取选定的值

时间:2012-05-18 21:59:05

标签: javascript

当我从选项中选择一个值并单击一个按钮时,我想用javascript获取所选的值。我究竟做错了什么?我的价值总是1.

 <select id="aand_select">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
    </select>

// javascript代码

var e = document.getElementById("aand_select");
var quantity= e.options[e.selectedIndex].value;

2 个答案:

答案 0 :(得分:3)

这显然会做到

var e = document.getElementById("aand_select");
e.addEventListener('change', function(){
  var quantity= e.options[e.selectedIndex].value;
  console.log(quantity);
},false);​​​​​​​​​​

答案 1 :(得分:1)

确保您在适当的时候调用javascript。例如,如果您仅在页面加载时调用它,则该值将永远不会更改。确保从onClick()或其他事件中调用它。