请使用js完成这段代码：表单中有一个下拉框，根据下拉框隐藏对应的行，行号从1-20。下拉框为1时隐藏1-8，显示未隐藏的行。下拉框为2时隐藏9-14，显示未隐藏的行。下拉框为3时隐藏15-20，显示未隐藏的行。

好的，这是一个简单的实现过程：

var dropDown = document.getElementById("dropdown");
var rows = document.getElementsByTagName("tr");

dropDown.addEventListener("change", function() {
  var hideStart, hideEnd;

  switch (dropDown.value) {
    case "1":
      hideStart = 1;
      hideEnd = 8;
      break;
    case "2":
      hideStart = 9;
      hideEnd = 14;
      break;
    case "3":
      hideStart = 15;
      hideEnd = 20;
      break;
    default:
      hideStart = 1;
      hideEnd = 20;        
  }

  for (var i = hideStart; i <= hideEnd; i++) {
    rows[i].style.display = "none";
  }

  for (var j = 1; j <= 20; j++) {
    if (j < hideStart || j > hideEnd) {
      rows[j].style.display = "table-row";
    }
  }
});

这段代码根据给定的 `dropdown` 下拉框的值来判断需要隐藏哪些行，然后显示除隐藏行以外的所有行。具体实现就是遍历所有行，将要隐藏的行的 `display` 属性设置为 `none`，将不需要隐藏的行的 `display` 属性设置为 `table-row`（这是表格中的默认属性）。