js为下拉框添加函数,不同option对应不同事件

xiaoxiao2021-02-28  39

<!doctype html>  <head>      <meta charset="utf-8">      <title>下拉框的测试</title>  </head>

 <body>

<div >  请选择数据  <select id="select" οnchange="dataChange()">  <option id="netUsage" value ="netUsage">网络利用率</option>  <option id="cpuUsage" value ="cpuUsage">CPU利用率</option>   <option id="memoryUsage" value="memoryUsage">内存利用率</option>

   </select>

 </div>

<script type="text/JavaScript">

window.onload = function () {  document.getElementById('select').addEventListener('change',function(){   alert("当前选项是:"+this.value);      },true);    }     </script>  </body>  </html>
转载请注明原文地址: https://www.6miu.com/read-2625382.html

最新回复(0)