html 要实现添加页面 跳转到其它的list页面,可以搜索选择多个行, 搜索后的选中状态不变

要实现这个功能，你可以按照以下步骤进行：

1. 在添加页面中，添加一个按钮或链接，用于跳转到另一个列表页面。

<a href="list.html">返回列表</a>

2. 在列表页面的 HTML 中为每一行添加一个复选框或单选框，用于选择行。

<tr>
  <td><input type="checkbox" name="row1"></td>
  <td>...</td>
</tr>
<tr>
  <td><input type="checkbox" name="row2"></td>
  <td>...</td>
</tr>
<tr>
  <td><input type="checkbox" name="row3"></td>
  <td>...</td>
</tr>

3. 在搜索框中输入关键词时，使用 JavaScript 遍历每一行，判断该行是否包含关键词，如果包含，则将其选中状态保持不变。可以根据复选框或单选框的状态来决定行的选中状态。

var keyword = document.getElementById("searchBox").value;
var rows = document.getElementsByTagName("tr");
for (var i = 0; i < rows.length; i++) {
  var cells = rows[i].getElementsByTagName("td");
  var isSelected = false;
  for (var j = 0; j < cells.length; j++) {
    var cellText = cells[j].textContent || cells[j].innerText;
    if (cellText.indexOf(keyword) !== -1) {
      isSelected = true;
      break;
    }
  }
  var checkbox = rows[i].querySelector("input[type=checkbox]");
  if (isSelected && checkbox && checkbox.checked) {
    rows[i].classList.add("selected");
  } else {
    rows[i].classList.remove("selected");
  }
}

4. 在 CSS 中定义选中状态的样式，例如：

tr.selected {
  background-color: yellow;
}

这样就可以实现添加页面跳转到列表页面，搜索选择多个行，搜索后的选中状态不变的功能了。