请用js写出这段代码：表单中有一个下拉框，根据下拉框隐藏对应的行，行号从1-20，下拉框为1时隐藏1-10，显示11-20，下拉框为2时隐藏11-20，显示1-10

非常感谢您的提问，以下是JS代码实现：

HTML代码：

<form>
  <label for="selectBox">选择下拉框：</label>
  <select id="selectBox">
    <option value="1">1</option>
    <option value="2">2</option>
  </select>
</form>

<table>
  <tr class="row1"><td>行1</td></tr>
  <tr class="row2"><td>行2</td></tr>
  <tr class="row3"><td>行3</td></tr>
  <tr class="row4"><td>行4</td></tr>
  <tr class="row5"><td>行5</td></tr>
  <tr class="row6"><td>行6</td></tr>
  <tr class="row7"><td>行7</td></tr>
  <tr class="row8"><td>行8</td></tr>
  <tr class="row9"><td>行9</td></tr>
  <tr class="row10"><td>行10</td></tr>
  <tr class="row11"><td>行11</td></tr>
  <tr class="row12"><td>行12</td></tr>
  <tr class="row13"><td>行13</td></tr>
  <tr class="row14"><td>行14</td></tr>
  <tr class="row15"><td>行15</td></tr>
  <tr class="row16"><td>行16</td></tr>
  <tr class="row17"><td>行17</td></tr>
  <tr class="row18"><td>行18</td></tr>
  <tr class="row19"><td>行19</td></tr>
  <tr class="row20"><td>行20</td></tr>
</table>

JS代码：

document.getElementById("selectBox").addEventListener("change", function() {
  var selectedOption = this.value;
  var rowsToShow = (selectedOption == "1") ? [11,12,13,14,15,16,17,18,19,20] : [1,2,3,4,5,6,7,8,9,10];
  for (var i = 1; i <= 20; i++) {
    var row = document.querySelector(".row" + i);
    if (rowsToShow.indexOf(i) >= 0) {
      row.style.display = "table-row";
    } else {
      row.style.display = "none";
    }
  }
});

请注意，这只是一种实现方式，您可以根据您的需求进行相应的修改。如果您还有其他问题，请随时提出。