bootstrap 模态框提交按钮之后就关闭模态框

来源：互联网发布：淘宝商品类目编辑：程序博客网时间：2024/06/05 09:38

   <div class="row">                                <div class="col-sm-9 m-b-xs">                                    <a href="#addroom" data-toggle="modal" class="btn btn-primary btn-xs" style="float: left;">添加新的厅</a>                                </div>                            </div>

模态框的JS

<div class="modal fade" id="addroom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">            <div class="modal-dialog">                <div class="modal-content">                    <div class="modal-header " style="background-color: #1AB394;">                        <button type="button" class="close"                                data-dismiss="modal" aria-hidden="true">                            &times;                        </button>                        <h4 class="modal-title" id="roomtitle" style="color: white;">                            新增用餐区域                        </h4>                    </div>                    <div class="modal-body">                        <label>餐厅名：</label>                        <input type="text" id="t-name" name="t-name" class="form-control"/>                    </div>                    <div class="modal-footer">                        <button type="button" class="btn btn-default"                                data-dismiss="modal" style="margin-bottom: 0px;">关闭                        </button>                        <button type="button" class="btn btn-primary" data-dismiss="modal" id="sure" onclick="get_room()">                            提交                        </button>                    </div>                </div><!-- /.modal-content -->            </div><!-- /.modal -->        </div>

就是再提交的HTML中加data-dismiss=”modal”。get_room()这里加js方法。

1 0