码迷,mamicode.com
首页 > 编程语言 > 详细

javascript改写 <select>checked的选中,并不会出发change事件,太好了!

时间:2015-04-01 19:40:25      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

<html> 
<title>测试select标签的分别用程序checked、用户手动checked</title> 
<body> 
    第一级菜单: 
    <select id="lp_type" name="lp_type"> 
        <option value="">请选择</option> 
        <option value="L" id="lp_type_1">料件L</option> 
        <option value="P" id="lp_type_2">成品P</option> 
    </select> 
    第二级菜单: 
    <select id="ie_type" name="ie_type"> 
        <option value="">请选择</option> 
        <option value="I">进口I</option> 
        <option value="E">出口E</option> 
    </select>    
</body>

<!--需要加入jquery文件,放在同目录下即可。 注意修改成你那里的jquery文件名--> 
<script src="./jquery-1.11.1.min.js"></script>

<script> 
$(function(){ 
    $("#lp_type_1").attr("checked","checked");    //在程序里改变 第一级菜单select元素的checked项,并不会触发change事件,真是太好了! 
    
});

$("#lp_type").on("change",function(){//仅仅在用户手动改变checked时才会触发change事件 
        alert("第一级菜单被触发"); 
}); 
</script> 
</html>

javascript改写 <select>checked的选中,并不会出发change事件,太好了!

标签:

原文地址:http://www.cnblogs.com/qq-757617012/p/4384623.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!