js代码赋值触发select控件的onchange事件

最新推荐文章于 2024-01-24 17:01:56 发布

weixin_30807677

最新推荐文章于 2024-01-24 17:01:56 发布

阅读量195

点赞数

原文链接：http://www.cnblogs.com/lzxsdl/p/3924310.html

版权

嗯，现在在一个小公司实习，直接接触代码收获不小。现在有个需求是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库的需要，这里也直接给出了传递参数的例子，不传参数什么的根本就不用举例了对不对~？

转载于:https://www.cnblogs.com/lzxsdl/p/3924310.html

weixin_30807677

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js代码赋值触发select控件的onchange事件

嗯，现在在一个小公司实习，直接接触代码收获不小。现在有个需求是4级联动的select过滤，需要js代码赋值并触发onchange来调用ajax方法，于是问题是怎样触发，找了些资料并且自己尝试了一下，验证无误。代码在chrome、IE8、ff浏览器测试均通过，记在这里以备查阅~<html> <head> </he...
复制链接

扫一扫