关于如何在jsp的模态窗口中,文本的值

关于如何在jsp的模态窗口中,获取表格中的值

  1. 建立一张表格存放数据
    在这里插入图片描述

  2. 设置一个模态窗口的触发按钮,并未其设置一个点击事件addUid(var id)
    在这里插入图片描述

  3. 模态窗口代码

 <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">&times;</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>
     <!-- 内容部分 -->
  1. addUid(var id)事件
    在这里插入图片描述

结果展示
模态窗口将自动获取表格中的值
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_42818431/article/details/82829606
今日推荐