modal-dialog 相关问题

我有一个进行产品注册的模式。我想在模式内提交表单而不离开模式。我有一个用于注册产品的modal。我想在模式内提交表单而不离开模式。  <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>  <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> 就我而言，我只将提交按钮放在页脚正文中并删除数据关闭 IE： <div class="modal-content"> <form id="role-form" method="get"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</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> 首先，在您的 <form> 标签上设置一个 id： <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; }); }); }); 你也可以这样做：向表单添加 Id <form method="post" id="myForm"> <button type="submit">Submit</button> </form> 在按钮中添加表单引用 <button type="submit" form="myForm" class="btn btn-primary">Save changes</button>

twitter-bootstrap submit modal-dialog

回答 3 投票 0

修改Bootstrap 5模型内容，关闭并重新打开

我有一个使用 Bootstrap 5 框架的模式。我将其中包含的表单发布到 JQuery ajax 调用，然后根据 JQuery AJax 调用的结果修改模式内容，然后...

jquery twitter-bootstrap modal-dialog

回答 1 投票 0

动态更改图像源内部模式

我正在尝试更改图像 HTML 元素的源图像。我如何获取 this.id 非常复杂，并且超出了这个问题的上下文......

javascript html image modal-dialog on-the-fly

回答 3 投票 0

模态固定位置内容移位

经过大量研究，我无法找到打开模态窗口时固定定位元素、封面图像和标准内容向右移动的正确解决方案。注：我是