bootstrap模态框modal传值问题-创新互联

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

隆阳网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。创新互联公司从2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

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);         
});

效果如下：

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文名称：bootstrap模态框modal传值问题-创新互联
分享URL：http://bjjierui.cn/article/decesg.html