bootstrap模态框modal传值问题

https://blog.csdn.net/wuyan1001/article/details/54633030

成都创新互联公司是一家集网站建设,凉州企业网站建设,凉州品牌网站建设,网站定制,凉州网站建设报价,网络营销,网络优化,凉州网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

html代码：

 

                                    

                                    

                                        
编号
                                        
模块名称
                                        
中文名字
                                        
接口名字
                                        
请求header
                                        
请求参数
                                        
请求body
                                        
响应断言
                                        
需求流水号
                                        
操作
                                    
                                    
                                    

                                    

                                        

                                        

                                        

                                        

                                            [[${pagefo.interName}]]
                                        
                                        

                                        

                                        

                                        

                                        

                                        

                                            
                                            运行
                                            
                                            编辑
                                            删除
                                        
                                    
                                    
                                

模态对话框

    

       

          

              ×
              
接口信息
          
          

             

                 
 
                     

                         接口名字：
                         
                     
                     

                         选择环境：
                         
                     
                
  
            
        
        
    
           
           取消
        
      
   

js代码如下

说明：当前通过jquery方式获取值，再通过css传值到对话框。

$('#editVoince').on('show.bs.modal', function (event) {
      var btnThis = $(event.relatedTarget); //触发事件的按钮
      var modal = $(this);  //当前模态框
      var modalId = btnThis.data('id');   //解析出data-id的内容
      var content = btnThis.closest('tr').find('td').eq(2).text();
      modal.find('.content').val(content);         
});

效果如下：

网站栏目：bootstrap模态框modal传值问题
分享链接：http://shouzuofang.com/article/ghpesh.html