2017-05-29 14 views
-1

モーダルポップアップの動的値を設定する必要があります。モーダルアクションフォームの動的値を設定する

は、これはこれは私が私が欲しいの記録に基づいて

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

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

    }) 
    </script> 

しようとしていますものです

<!-- 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> 

私のモーダル値

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

を取得しています方法は何ですか? –

+0

@RajaSimonはいこれが私が必要なものです – onkar

+0

よろしいですか?次に、あなたは少し詳しく説明しなければなりません。モーダルを開くためにどのボタンを押しますか?その後、URLを更新する方法を見つけ出すでしょう。 –

答えて

1

これは私が予想される応答、私はあなたがモーダルポップアップに基づいてアクションURLを変更したいと思います

<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> 
関連する問題