<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">
×
</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方法。