django bootstrap 向modal插件传递参数

1、modal 模态框 的代码如下：

  

    

      

        ×
        
New message
      
      

        

          

            Title:
            
          
          

            Body:
            
          
        
      
      

        Close
        Save
      
    
  

在模态框中对两个input框加上了id

2、调用模态框的页面

            
                {% for emp in pagination.objs %}
                
                {% endfor %}
             

              

                

                  
title
                  
body
                  
time
                  
operation
                
              
              

                
{{ emp.title }}
                
{{ emp.body }}
                
{{ emp.timestamp }}
                

                        
                        
                        
                        
                        
                        
                
                
          

效果如下：

当我点击编辑图标时，将这一行的数据传给模态框的input中

3、js实现向模态框modal传递数据

function edititem(obj){
var tr=$(obj).parent().parent();
var title = tr.children("td#title").text();
var body = tr.children("td#body").text();
$('#titletext').val(title);
$('#bodytext').val(body);
$('#exampleModal').modal('show')

};

4、结果如下