下拉列表選項的獲取
阿新 • • 發佈：2019-01-01
<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>
<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>