首页 > 代码库 > js代码赋值触发select控件的onchange事件

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库的需要,这里也直接给出了传递参数的例子,不传参数什么的根本就不用举例了对不对~?