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 ,