<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
点击就送
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<form id="updateform" action="test.php" >
<div class="form-group">
<label for="loginname" class="control-label">用户名:</label>
<input type="text" class="form-control" id="loginname" name="loginname">
</div>
<div class="form-group">
<label for="email" class="control-label">Email:</label>
<input type="text" class="form-control" id="email" name="email">
</div>
<div class="form-group">
<label for="phone" class="control-label">电话:</label>
<input type="text" class="form-control" id="phone" name="phone">
</div>
<div class="form-group">
<label for="address" class="control-label">收货地址:</label>
<textarea class="form-control" id="address" name="address"></textarea>
</div>
<div class="text-right">
<span id="returnMessage" class="glyphicon"> </span>
<button type="button" class="btn btn-default right" data-dismiss="modal">关闭</button>
<button id="submitBtn" type="button" class="btn btn-primary" οnclick="add_info()" >修改</button>
</div>
</form>
</div>
</div>
</div>
</div>
</body>
<script>
function add_info()
{
var form = document.getElementById('updateform');
form.submit();
$("#myModal").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});
}
</script>
add_info()里面最后的操作是用来刷新模态框的,如果不加的话每次点开模态框还会保留上次的数据