千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现。所以写两段modal Html代码

一：引入文件

1：html代码

    

        

            

                ×
                
新增
            
            

                名字：

            

                关闭
                提交新增
            
        
    

2：对应的js

    //显示新增数据的模态框
    $(".btn_add").on('click',function(){
        $('#add').modal('show');
    });
    //新增数据
    function insert(){
        var name = $("#add_name").val();
        if(!name){
            alert('名字不能为空！');
        }
        postData = {};
        postData['name'] = name;
        var url = "__CONTROLLER__/insert";
        $.post(url,postData,function(result){
            if(result.status == 1){
                alert(result.message,);
            }else if(result.status == 0){
                alert(result.message);
            }
        },'json');
    };

首先，在模态框显示之前，把修改的记录的数据，填充到模态框的表单中。 

1：html代码

    

    

        

            

                ×
                
修改
            
            

                
                名字：

            

                关闭
                提交更改
            
        
        <!-- /.modal-content -->
    
    <!-- /.modal -->
    

2：js代码
注意：在这里取的该条记录的数据 有两种方法，一是直接ajax请求获取，二是获取改按钮表格的内容

    //显示修改数据的模态框
    $(".btn_edit").on('click',function(){
        var name = $(this).parent().prev().text();
        var id = $(this).attr('data_id');
        $("#edit_name").attr('value',name);
        $("#edit_id").attr('value',id);
        $('#edit').modal('show');
    });
    function update(){
        var data = $(".form-horizontal").serializeArray();
        postData = {};
        $(data).each(function(i){
            postData[this.name] = this.value;
        });
        if(!postData['name']){
            return dialog.error('名字不能为空');
        }
        if(!postData['id']){
            return dialog.error('ID不能为空');
        }
        var url = "__CONTROLLER__/update";
        $.post(url,postData,function(result){
            if(result.status == 1){
                alert(result.message);
            }else if(result.status == 0){
                alert(result.message);
            }
        },'json');
    }