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

posted @ 2014-08-20 12:42  落着雪  阅读(40879)  评论(0)  编辑  收藏  举报