js代码赋值触发select控件的onchange事件
嗯,现在在一个小公司实习,直接接触代码收获不小。 现在有个需求是4级联动的select过滤,需要js代码赋值并触发onchange来调用ajax方法,于是问题是怎样触发,找了些资料并且自己尝试了一下,验证无误。
代码在chrome、IE8、ff浏览器测试均通过,记在这里以备查阅~
<html> <head> </head> <body> <select id="sel" name="mysel" onchange="A(this)" > <option value="1">11</option> <option value="2">22</option> <option value="3">33</option> </select> <script> var sel = document.getElementById('sel'); sel.value = 2; sel.addEventListener("change", A(sel), false); function A(obj) { alert(obj.value); } </script> </body> </html>
嗯,关键就是 addEventListener 了,因为js库的需要,这里也直接给出了传递参数的例子,不传参数什么的根本就不用举例了对不对~?