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

简介: 测试select标签的分别用程序checked、用户手动checked 第一级菜单: 请选择 料件L 成品P 第二级菜单: 请选择 ...
<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>
开始做,坚持做,重复做
相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
4月前
|
JavaScript 前端开发
js事件队列
js事件队列
144 55
|
2月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
38 2
|
3月前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
35 2
|
4月前
|
JavaScript 前端开发
javascript中常用的事件
这篇文章列出并演示了JavaScript中常用的DOM事件,包括失去焦点、获得焦点、鼠标点击、键盘事件等,并展示了如何通过直接在HTML标签中使用事件句柄和通过JavaScript为元素添加事件监听器两种方式来注册事件。
|
4月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
41 0
|
2月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
49 6
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
24 5
|
3月前
|
监控 JavaScript 前端开发
|
2月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
127 0