<button type="button" class="btn btn-primary" id="change">更改密码button>
<div class="row">
<div id="myModal" tabindex="-1" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm" style="background-color: #FFFFFF;">
<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">Titleh4>
div>
<div class="modal-body">
<form class="form">
<div class="form-group">
<label for="username">UserNamelabel>
<input type="text" class="form-control" name="username" />
div>
<div class="form-group">
<label for="password">Passwordlabel>
<input type="password" class="form-control" name="password" />
div>
<div class="form-group">
<label for="confirmPassword">confirmPasswordlabel>
<input type="password" class="form-control" name="confirmPassword" />
div>
form>
div>
<div class="modal-footer text-center">
<div class="form-group">
<button type="button" class="btn btn-sm btn-primary form-control" id="save">保存button>
div>
div>
div>
div>
div>
$('#save').click(function(){
let data = {
'username': $('input[name="username"]').val(),
'password': $('input[name="password"]').val(),
'confirmPassword': $('input[name="confirmPassword"]').val()
};
console.log(data);
// 执行操作
// $('#myModal').modal('hide'); 关闭模态框
});
// 显示模态框
$('#change').click(function(){
$('#myModal').modal('show'); //开启模态框
});