关于如何在jsp的模态窗口中,获取表格中的值
-
建立一张表格存放数据
-
设置一个模态窗口的触发按钮,并未其设置一个点击事件addUid(var id)
-
模态窗口代码
<div class="modal fade" tabindex="-1" role="dialog" id="Mymodal2">
<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">修改信息</h4>
</div>
<div class="modal-body">
<!-- 内容部分 -->
<form class="form-horizontal" action="update.action" role="form" method="post">
<div class="form-group">
<label for="userId">userId</label> <input
type="text" class="form-control" id="userId" name ="userId"
placeholder="" />
</div>
<div class="form-group">
<label for="userName">UserName</label> <input
type="text" class="form-control" id="userName" name ="userName"
placeholder="用户名"/>
</div>
<div class="form-group">
<label for="userPwd">Password</label> <input
type="password" class="form-control" name="userPwd"
id="userPwd" placeholder="Password"/>
</div>
<div class="form-group">
<select class="form-control" name="userSex" id="userSex">
<option value="男">男</option>
<option value="女">女</option>
</select>
</div>
<div class="form-group">
<label for="userTel">UserTel</label> <input
type="text" class="form-control" id="userTel" name="userTel"
placeholder="电话">
</div>
<div class="form-group">
<label for="userAddress">UserAddress</label> <input
type="text" class="form-control" id="userAddress" name="userAddress"
placeholder="用户地址">
</div>
<div class="form-group">
<label for="UserLevel">UserLevel</label> <input
type="text" class="form-control" id="UserLevel" name="UserLevel"
placeholder="用户等级">
</div>
<button type="submit" class="btn btn-default">修改</button>
</form>
<!-- 内容部分 -->
- addUid(var id)事件
结果展示
模态窗口将自动获取表格中的值