如何在提交按鈕上提交其他模態形式點擊當前模態

我有一個引導模式，其中包含一個提交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

如何在提交按鈕上提交其他模態形式點擊當前模態

回答

相關問題