下拉列表选项的获取
Posted fanbulaile
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了下拉列表选项的获取相关的知识，希望对你有一定的参考价值。
<body>
<p>
请选择菜单：
<select id=‘menu‘>
<option>请选择</option>
<option value="fruit">水果</option>
<option value="cake">蛋糕</option>
<option value="nuts">坚果</option>
</select>
</p>
<p>该系列有：<span></span></p>
<script>
var menu=document.getElementById(‘menu‘);
var options=menu.querySelectorAll(‘option‘);
var Myspan=document.querySelector(‘span‘);
for(var i=0;i<options.length;i++){
menu.onchange=function(){
console.log(this.value)
switch (this.value){
case ‘fruit‘:
Myspan.innerhtml=‘水果‘;
break;
case ‘cake‘:
Myspan.innerHTML=‘蛋糕‘;
break;
case ‘nuts‘:
Myspan.innerHTML=‘坚果‘;
break;
}
}
}
</script>
</body>
以上是关于下拉列表选项的获取的主要内容，如果未能解决你的问题，请参考以下文章
Get List Items关键字——获取页面中一个下拉列表中的所有下拉框选项
如何在Angular 7中单击按钮时获取下拉列表的选定选项[重复]