当前位置:编程学习 > JS >>

js代码实现onchange事件

 select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,如果在js中给select或text赋值,则无法触发onchang事件,
  例如,在页面加载完成以后,需要触发一个onChange事件,在js中用document.getElementById("se").value="ttt";直接给select或text赋值是不行的,要想实现手动触发onchange事件,需要在js给select赋值后,加入下面的语句,(假设select的id为sel)
document.getElementById("sel").fireEvent('onchange') 来实现,
  例子:
 
01 <html>
02 <body>
03  <select id="sel" name="test" onchange="demo()">
04  <option value="1" selected>测试一</option>
05  <option value="2">测试二</option>
06  <option value="3">测试三</option>
07  <option value="4">测试四</option>
08  </select>
09  <input id="tex" type="text" name="text1"  id="text1">
10  <script>
11  document.getElementById("sel").value="3";
12  document.getElementById("sel").fireEvent("onchange");
13  function demo()
14  {
15   var d=document.getElementById("sel").value;
16   document.getElementById("tex").value=d;
17   //alert(d);
18   
19  }
20  </script>
21 </body>
22 </html>
 
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,