Jquery 操作DOM ，不断更新.....

来源：互联网发布：智慧地方门户cms 编辑：程序博客网时间：2024/05/24 06:33

//操作checkbox

$(document).ready(function () {
        var checklen = $("input[type=checkbox]");//获取所有checkbox

        for (var i = 0; i < checklen.length; i++) {
            var cheid = $(checklen[i]).attr("id");//获取ID
            var chename = $(checklen[i]).attr("name");//获取name属性值

            if (chename == "1") {
                $(checklen[i]).attr("checked", "checked");//设置选中
                $(checklen[i]).attr("disabled", "disabled");//设置不可用
            }
        }
    });

//操作select

$(document).ready(function () {
            $("#ddlType").change(function () {//选择改变事件
                var value22 = $("#ddlType").val();//获取选中值

                if (value22 == "01") {
                    $("#ddlRoom").empty();//清空选项
                    $("<option value='0'>--选择会议室--</option>").appendTo($("#ddlRoom"));//添加选项
                    $("<option value='04'>七楼大会议室</option>").appendTo($("#ddlRoom"));
                }
                else {
                    $("#ddlRoom").empty();
                    $("<option value='0'>--选择会议室--</option>").appendTo($("#ddlRoom"));
                    $("<option value='05'>七楼小会议室</option>").appendTo($("#ddlRoom"));
                    $("<option value='04'>七楼大会议室</option>").appendTo($("#ddlRoom"));
                }
            });
            $("#ddlRoom").change(function () {
                var value22 = $("#ddlRoom").val();
                $("#hdfdRoomCode").val(value22);//赋值给隐藏域，供c#使用。
            });
        });

html:

<select id="ddlType" runat="server">
    <option value="0">--选择会议性质--</option>
    <option value="02">一般会议</option>
    <option value="01">视频会议</option>
    </select>

<select id="ddlRoom" runat="server" >
<option value="0">--选择会议室--</option>
</select>