bootstrap：同一界面依次弹出两个窗口实现

html:
打开第一个窗口与按钮：

生成项目资金预算

在该jsp中添加两个弹出窗口的html：

    

        

            

                ×
                
选择预算年份：
            
            

                

                    预算年份：
                    
                        
                            ${item.stsWords }
                        
                    
                 
             
             

                 取消
                 确定
            
        
    


    

        

            

                关闭
                下载
            
            

                

                     

                         

                            

                                
资金名称
                                
项目名称
                                
预算金额
                                
细化项目
                                
处室
                                
备注
                            
                        
                        

                        
                     
                 
             
        
    

js:

//生成项目资金预算---财务人员角色（角色待添加）
    function downloadBudget(){
         $('#modalDiv').modal('show');
    }
    
    //选择年份生成预算表格
    $("#toTableDiv").click(function(){

        var options=$("#selectYear option:selected");
        var year = options.val();//所选年份
        $("#selectYear").val(year);
        $.ajax({//拼表格
            url:"${ctx}/specialFound/selectTable",
            data: {"year":year},
            type:"post",
            async: false,
//             dataType:"json",
            success:function(data){
                var listStr = eval('('+data+')');
                console.log(listStr)
                $('#retunModal').click();
                $('#tableModalDiv').modal('show');
                var html = [];
                $.each(listStr.list, function(id,val){
                    html.push('');
                    html.push(' '+val.capitalNameText+'');
                    html.push(' '+val.projectNameText+'');
                    html.push(' '+val.budgetAmount+'');
                    html.push(' '+val.projectRefinement+'');
                    html.push(' '+val.businessOfficeText+'');
                    html.push(' '+val.remarks+'');
                    html.push('');
                });
                $("#tBody").html(html.join(''));
            }
        });
        
    });

最终效果：
1、点击按钮，弹出第一个窗口

image.png

2、选择年份后，点击窗口1中的确定按钮，关闭窗口1，弹出窗口2：

image.png

之前查了一些资料，大多是两个窗口叠加，这样导致关闭窗口2时窗口1还存在，因此在打开窗口2的时候，添加了窗口1关闭按钮的点击事件，则会关闭窗口1。