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

当前位置: 首页 >javascript改写 checked的选中，并不会出发change事件,太好了！

时间：2023-03-09 03:45:06

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

