如何在提交按钮上提交其他模态形式点击当前模态

我有一个引导模式，其中包含一个提交Button.Apart从这个模态我有另一个也包含形式和其他元素如标签，文本框和提交button.Now我有一个要求，其中在点击提交第一模式的按钮，就应该提交第二Modal..Below的形式我张贴我的第一个和第二个HTML模式的原型..如何在提交按钮上提交其他模态形式点击当前模态

<div class="modal alert" id="DeleteModal" tabindex="-1" role="dialog" aria-labelledby="DeleteModalLabel" aria-hidden="true" data-backdrop="static"> 
<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> 
       <h3 class="modal-title" id="DeleteModalLabel">Confirm Delete</h3> 
      </div> 
     <div class="modal-body"> 
      <div class="form-group"> 
       <label class="col-sm-6 control-label">Are You Sure To Delete !!!</label> 
       </div> 
      </div> 
      <div class="modal-footer"> 
       <div class="pull-right"> 
        <button type="submit" class="btn btn-success"><i class="glyphicon glyphicon-trash"></i> Delete</button> 
        <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-remove"></i> Cancel</button> 
       </div> 
      </div> 
    </div> 
</div>

这里是第二个..

<div class="modal fade" id="StudentModal" tabindex="-1" role="dialog" aria-labelledby="StudentModalLabel" aria-hidden="true" data-backdrop="static"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
<form action="~/GetStudent" class="form-horizontal" role="form" method="post" id="frmStudent"> 
<div class="modal-footer"> 
<div class="pull-right"> 
        <button type="submit" class="btn btn-success"><i class="glyphicon glyphicon-ok"></i> Save</button> 
        <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-remove"></i> Close</button> 
       </div> 
      </div> 
     </form> 
    </div> 
</div>

请建议我可以这是possible.Thanks ..

来源

2015-11-02 Lara

在你的第二个'modal'中为你的'delete button'添加一个类，并向'delete button'写入'click event'，在'event'内部关闭'modal'，其中'delete button'存在，在第一个'模态'中提交'form' –

@GuruprasadRao您能否给我一个Prototype ..谢谢 – Lara

如何添加class到delete button

<button type="submit" class="btn btn-success delete"><i class="glyphicon glyphicon-trash"></i> Delete</button>

写click event。

$('.delete').on('click',function(){ 
    $('#DeleteModal').modal('hide'); 
    $("#frmStudent").submit(); 
});

注：这只是一个基本的例子。现在，如果您想使用ajax来提交form，那么可以通过不同的步骤来实现它。

来源

2015-11-02 07:43:46

如何在提交按钮上提交其他模态形式点击当前模态

回答

相关问题