2014-12-18 2 views
0

Я загрузил свою страницу редактирования в модальное диалоговое окно, используя BootstrapDialog https://github.com/nakupanda/bootstrap3-dialog, но как мне получить кнопку отправки из BootstrapDialog, чтобы отправить форму?Как отправить форму, загруженную в BootstrapDialog Modal

Вот сценарий проблемы. http://jsfiddle.net/philphil/ru1t1nc6/15/

Редактировать страницу

<form id="createEventForm" action="http://10.10.15.30:8000/attendee/edit" style="display:none" method="POST"> 
    <label for="first_name">First_name:</label> 
    <input name="first_name" value="Chris" id="first_name" type="text" /> 
    <label for="last_name">Last_name:</label> 
    <input name="last_name" value="Griffin" id="last_name" type="text" /> 
    <input type="submit" /> 
</form> 

JQuery

$(document).ready(function() { 

    var form = $('#createEventForm').html(); 
    BootstrapDialog.show({ 
     title: 'Title', 
     message: form, 
     buttons: [{ 
      label: 'Update' 
     }] 
    }); 

}); 
+0

вам нужно будет добавить действие к форме, я думаю .. – ochi

+0

жаль, что я сделал упрощенную версию своей формы для скрипки. проблема остается, как я могу отправить ее с другой кнопки. – Phil

+1

вы можете попробовать сериализовать форму при нажатии кнопки: см. Http://stackoverflow.com/questions/16154216/twitter-bootstrap-modal-form-submit – ochi

ответ

1

Как насчет добавления действия к кнопке:

http://jsfiddle.net/ru1t1nc6/17/

BootstrapDialog.show({ 
     title: 'Title', 
     message: form, 
     buttons: [{ 
      label: 'Update', 
      action: function(dialog) { 
       // submit the form 
       $('form').submit() 
      } 
     }] 
    }); 
Смежные вопросы