bootstrap 模态框modal 传值问题

后台管理的项目常会使用到bootstrap里面的模态框modal，因此编辑的时候就需要将页面上的值传到模态框里面并显示，如：

html代码：

      
 
          

          
编号
发票类型
发票开头
发票明细
          
纳税人识别号
营业电话
营业地址
银行
          
开户地区
开户支行
银行账号
          
操作
      
      

          

           
1
xxxxx
啦啦
11
           
22
33
44
55
           
66
77
88
           
编辑
               删除
           
      

    

       

          

              ×
              
新增发票信息
          
          

             

                 
 
                     

                         发票明细：
                         
                     
                     

                         纳税人识别号：
                         
                     
                
  
            
        
        
    
           
           取消
        
      
   

js代码如下：

$('#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);         
});

保存数据时，可以异步请求提交数据或直接form表单提交数据就行了。

界面如图：