弹出新增模态框

                                       一分钟教你弹出新增模态框

在我们所做的项目中，增删查改是非常常见的，而我现在要讲的是新增里面的一个小的知识

 

点，我们新增的时候，首先要弹出一个新增的框体，我们把它称为模态框，下面我开始详细讲

 

解一下如何弹出新增的模态框，下面是一个关于考生录入的新增。

 

弹出新增模态框：

        function openInsertModal()

        {

            清空表单

            $("#formInserExaminee").resetForm();

            清空图片

            $("#IsImagStudentPicture").attr("src", "");

          

  学院下拉框数据绑定

            createSelect("IsAcademe", "selectAcademe");

            清空专业、年级、班级下拉框

            $("#IsSpecialty").empty();

            $("#IsGrade").empty();

            $("#IsClass").empty();

            学院下拉框数据改变，触发专业&年级下拉框数据绑定

           

$("IsAcademe").change(function () {

                获取学院ID

                var academeId = $("#IsAcademe").val();

                年纪下拉框数据绑定

                createSelect("IsGrade", "selectGrade?AcademeID=" + academeId);

                专业下拉框数据绑定

                createSelect("IsSpecialty", "selectSpecialty?AcademeID=" + academeId);

                清空班级下拉框

                $("#IsClass").empty();

            });

           

专业下拉框数据改变，触发班级下拉框数据绑定

              $("#IsSpecialty").change(function () {

               

 获取查询条件

                var academeId = $("#IsAcademe").val();

                var gradeId = $("#IsGrade").val();

                var specialtyId = $("#IsSpecialty").val();

                createSelect("#IsClass", "selectClass?AcademeID=" + academeId + "&GradeID=" + gradeId + "&SpecialtyID=" + specialtyId);

            });

           

弹出模态框

            $("#modInsertExaminee").modal("show");

        }

 

下图是弹出模态框的效果图：