2017-05-29 33 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>