使用JavaScript过滤基于URL预先填充的HTML表中的三列

// 获取表格对象
var table = document.getElementById("tableId");

// 获取需要过滤的列的索引
var columnIndices = [1, 3, 5]; // 假设需要过滤的列分别是第2、4、6列

// 过滤函数
function filterTable() {
  var filter = document.getElementById("filterInput").value.toLowerCase(); // 获取用户输入的过滤条件

  // 遍历表格的每一行
  for (var i = 0; i < table.rows.length; i++) {
    var row = table.rows[i];
    var display = false; // 是否显示行

    // 检查需要过滤的列的内容
    for (var j = 0; j < columnIndices.length; j++) {
      var cell = row.cells[columnIndices[j]];
      var content = cell.innerHTML.toLowerCase(); // 获取单元格中的内容

      // 判断内容是否包含过滤条件
      if (content.indexOf(filter) > -1) {
        display = true; // 显示行
        break;
      }
    }

    // 设置行的显示或隐藏
    row.style.display = display ? "table-row" : "none";
  }
}

// 监听输入框的输入事件，实时进行过滤
document.getElementById("filterInput").addEventListener("input", filterTable);