如何在当前模态的提交按钮上提交其他模态表单答案

【问题标题】：How to Submit other Modal form on Submit Button click of Current Modal如何在当前模态的提交按钮上提交其他模态表单
【发布时间】：2016-02-02 01:07:14
【问题描述】：

我有一个包含提交按钮的引导模式。除了这个模式之外，我还有另一个包含表单和其他元素，如标签、文本框和提交按钮。现在我有一个要求，在点击提交按钮第一个模态，它应该提交第二个模态的表单。下面我发布我的第一个和第二个模态 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>

请建议我这怎么可能。谢谢..

【问题讨论】：

在第二个modal 中向delete button 添加一个类，并在delete button 中写入click event，在event 中关闭modal，其中delete button 存在并且submitform 在第一个modal
@GuruprasadRao 你能不能给我一个原型..谢谢

标签： javascript jquery html forms twitter-bootstrap

【解决方案1】：

将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，那么可以通过不同的步骤来实现它。

【讨论】：