模态引导内的窗体

我有一个模式，使产品注册。我想在模态内提交一个表格而不用离开模态。模态引导内的窗体

<!-- Button to trigger modal --> 
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

<!-- Modal --> 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <form method="post"> 
     <button type="submit">Submit</button> 
    </form> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 
</div>

来源

2013-03-07 Max

您可以使用ajax POST请求。请提供一些示例代码。 – PinnyM 2013-03-07 19:15:22

http://jsfiddle.net/L3m9Q/29/ – Max 2013-03-07 19:21:06

你使用jQuery或其他JavaScript库吗？ – PinnyM 2013-03-07 19:22:35

首先，设置一个ID在你<form>标签：

<form id="myForm" method="post"> 
    ... 
</form>

如果你使用jQuery（强烈推荐），你可以这样做：

$(function(){ 
    $('#myForm').on('submit', function(e){ 
     e.preventDefault(); 
     $.post('http://www.somewhere.com/path/to/post', 
     $('#myForm').serialize(), 
     function(data, status, xhr){ 
      // do something here with response; 
     }); 
    }); 
});

来源

2013-03-07 19:28:19 PinnyM

我会测试这个代码 – Max 2013-03-07 19:34:00

'http://www.somewhere.com/path/to/post' - >把我的页面插入数据？ – Max 2013-03-07 19:54:58

因为我在我的php页面中获取了$（'＃myForm'）的值。 serialize（） – Max 2013-03-07 20:10:23

在我来说，我只能使提交按钮一个页脚身体并删除数据关闭即：

<div class="modal-content"> 
    <form id="role-form" method="get"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 

      <h4 class="modal-title">تعديل صلاحيات المدير - {{$user->username}}</h4> 
     </div> 
     <div class="modal-body"> 

      <div class="form-group col-md-12"> 

       <select id="role" name="role" class="form-control"> 
        <option selected disabled>الصلاحية</option> 
        <option value='1'>مدير</option> 
        <option value='2'>مشرف</option> 
       </select> 
      </div> 

      <div class="clearfix"></div> 
     </div> 
     <div class="modal-footer"> 

      <button type="submit" class="btn btn-success" >حفظ</button> 
      <button type="button" class="btn btn-default" data-dismiss="modal">إلغاء</button> 

     </div> 
    </form> 
</div>

来源

2015-11-24 19:03:11

模态引导内的窗体

回答

相关问题