2017-05-29 27 views
-1

我需要为模态弹出值设置动态值。设置模态动作值的动态值

这是我的模态

<!-- Modal --> 
    <div class="modal fade" id="popUpModal" role="dialog"> 
    <div class="modal-dialog"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">"this is the value {{ cra }}"</h4> 
     </div> 
     <form class="modal-form" id="docsForm" action="{% url 'contact_delete' pk=contact.id %}" method="post" enctype="multipart/form-data"> 
<input type="file" name="upload" /> 
<input type="hidden" name="brandcode" value=this.id /> 
<input type="submit" /></form> 
     <div class="modal-footer"> 

     </div> 
     </div> 

    </div> 
    </div> 

这是基于我想记录我试图

<script> 
    $('#popUpModal').on('show.bs.modal', function(e) { 

     var $modal = $(this), 
     esseyId = e.relatedTarget.id; 
     $modal.find('.modal-form').html(esseyId); 

    }) 
    </script> 

值一样

contact/delete/1 
contact/delete/2 
.... 

更新1

  <a id="{{ contact.id }}" type="button" data-target="#popUpModal" class="btn btn-box-tool" data-toggle="modal" data-original-title="{% trans 'Update Doc' %}"> 
+0

我想你想改变基于该模式弹出的操作URL的方式吗? –

+0

@RajaSimon是的,这是我需要的 – onkar

+0

好吧。那么你必须更多地解释一下。用户按下哪个按钮来打开模式。然后将找出更新网址的方法.. –

回答

1

这是我收到预期的响应

<script type="text/javascript"> 
$('#popUpModal').on('show.bs.modal', function (event) { 
    var button = $(event.relatedTarget) // Button that triggered the modal 
    var id= button.data('id') // Extract info from data-* attributes 

    var modal = $(this) 
    console.log(id) 
    $("#docsForm").attr("action", "/contact_delete/" + id+"/"); 
}) 
</script>