如何使用select下拉列表筛选表TD值

<select id="filterSelect">
  <option value="all">全部</option>
  <option value="value1">值1</option>
  <option value="value2">值2</option>
  <option value="value3">值3</option>
</select>

var select = document.getElementById("filterSelect");
select.addEventListener("change", filterTable);

function filterTable() {
  var selectedValue = select.value;
  var table = document.getElementById("myTable");
  var tds = table.getElementsByTagName("td");

  for (var i = 0; i < tds.length; i++) {
    var td = tds[i];
    var tdValue = td.textContent || td.innerText;

    if (selectedValue === "all" || tdValue === selectedValue) {
      td.style.display = "";
    } else {
      td.style.display = "none";
    }
  }
}

window.onload = function() {
  filterTable();
};