从选择标签中获取所选值

Get selected value from select tag

本文关键字:获取 选择 标签      更新时间:2023-09-26

当我从选项中选择一个值并单击一个按钮时,我想使用 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;

显然可以

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

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