您的位置：首页 > Web前端 > JavaScript

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

2015-04-01 17:54 337 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航