2013-10-14 3 views
1

Я использую Twitter Bootstrap 3, и я ищу, чтобы иметь форму, которая, когда я отправлю его, покажет модальный вопрос, спрашивая меня «Вы уверены, что хотите удалить Person». Есть ли способ сделать кнопка там отправить на форму, которая только что была заполнена?Twitter Bootstrap form submit modal

В других примерах я использовал использовал ссылку для кнопки, которая будет ссылка на site.com/do_delete_person/person_id_18 который является modalUrl в файле JS

<a href="' + modalUrl + '" class="btn btn-primary showhouse-colour"> 
    <i class="icon-ok"></i> Yes 
</a> 
<button class="btn" data-dismiss="modal" aria-hidden="true"> 
    <i class="icon-ban-circle"></i> No 
</button> 

но для этого мне нужно модальный представить форму предшествующих

ответ

1

Вот мой solution..I используется window.location перенаправить их удалить URL на подтверждениях

<!-- Button trigger modal --> 
    <a data-toggle="modal" href="#" class="delete-item btn btn-primary btn-lg" data-id="25">Launch demo modal</a> 

    <!-- Modal --> 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
      <input type="hidden" value="" id="delete-url"/> 
      Are you sure you want to delete this item? 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary confirm">Save changes</button> 
     </div> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

jQuery(document).ready(function(){ 
    jQuery('.delete-item').click(function(){ 
     var id = jQuery(this).attr('data-id'); 
     var delete_url = 'http://yourdomain.com/delete/'+id; 
     jQuery('#delete-url').val(delete_url); 
     jQuery("#myModal").modal('show');  
    }); 
    jQuery('.confirm').click(function(){ 
     window.location = jQuery('#delete-url').val(); 
    }); 
});