写一段代码点击Edit将信息带入并跳转到add.jsp

假设你的页面中有一个表格，每一行都有一个Edit按钮。当用户点击Edit按钮时，你想要将该行的信息传递到add.jsp页面中进行编辑。以下是一个基本的示例代码：

<!-- 在表格中添加Edit按钮 -->
<table>
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Email</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>John</td>
      <td>john@example.com</td>
      <td>
        <!-- 在此处添加Edit按钮 -->
        <button onclick="editUser(1, 'John', 'john@example.com')">Edit</button>
      </td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jane</td>
      <td>jane@example.com</td>
      <td>
        <!-- 在此处添加Edit按钮 -->
        <button onclick="editUser(2, 'Jane', 'jane@example.com')">Edit</button>
      </td>
    </tr>
  </tbody>
</table>

<!-- 添加一个隐藏的表单，用于将所选行的数据传递到add.jsp页面 -->
<form id="editForm" action="add.jsp" method="post">
  <input type="hidden" name="id" id="editId">
  <input type="text" name="name" id="editName">
  <input type="email" name="email" id="editEmail">
</form>

<!-- 编写JavaScript函数，用于将所选行的数据填充到表单中，并在点击Edit按钮时提交表单 -->
<script>
function editUser(id, name, email) {
  // 将所选行的数据填充到表单中
  document.getElementById("editId").value = id;
  document.getElementById("editName").value = name;
  document.getElementById("editEmail").value = email;
  
  // 提交表单
  document.getElementById("editForm").submit();
}
</script>

在上述代码中，我们为每一行的Edit按钮添加了一个onclick事件，当用户点击按钮时，会调用名为editUser的JavaScript函数。该函数将所选行的数据填充到一个名为editForm的表单中，并在提交表单时跳转到add.jsp页面。在add.jsp页面中，你可以通过request.getParameter()方法获取表单中的数据，并进行相应的处理。