如何得到select选中的option值的value


如果想要选中select中的option值,要做到选中哪个打印哪个option的value,咱们可以这么写:
<select id="qx" onchange="selectStages()">
<option value="2">按销量</option>
<option value="1">按新品</option>
<option value="3">按价格</option>
</select>
<script>
function selectStages() {
var aaa = document.getElementById('qx');
var option = document.getElementsByTagName('option')
console.log(aaa.selectedIndex, '选中的Index');
var ccc = aaa.selectedIndex
if (ccc == 0) {
console.log(option[ccc].value, 'value按销量');
} else if (ccc == 1) {
console.log(option[ccc].value, 'value按新品');
} else {
console.log(option[ccc].value, 'value按价格');
}
}
这样就通俗易懂啦,结果如下:
 

 

 

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM