Question

我有2个表，每个表有10行。有两个下拉菜单。第一个编号为1-10，第二个编号为11-20。

现在，1-10行都在同一个类中，11-20在同一个类中。

问题是，假设我只选择第二个下拉列表并选择“13”，它应该只给出编号为“11 - 13”的行，而不是“1 - 10”中的行。目前，如果我从第二个下拉列表中选择一个值，它也会自动显示1-10的行。它不应该这样做。

容器行的第一个循环，其中<tr class="input-containers Container1"></tr>类最多为<tr class="input-containers Container10"></tr>

<script>
$(document).ready(function() {
  function hideAllContainers() {

    $(".input-containers").hide();
    $("#input-containers").show();
  }
  //#containers is the dropdown with options 1-10
  $('#containers').on('change', function() {

    hideAllContainers();
    var count = parseInt(this.value);

    for (i = 1; i <= count; i++) {
    console.log($(".Container" + i));
      $(".Container" + i).show();
    }
  });
});
</script>

容器行的第二个循环，其中类<tr class="input-secondcontainers Container11"></tr>最多为<tr class="input-secondcontainers Container20"></tr>

<script>
$(document).ready(function() {
  function hideAllContainers2() {

    $(".input-secondcontainers").hide();
    $("#input-secondcontainers").show();

  }
  //#containers2 is the dropdown with options 11-20
  $('#containers2').on('change', function() {

    hideAllContainers2();
    var count = parseInt(this.value);

    for (i = 1; i >= count; i++) {
    console.log($(".Container" + i));
      $(".Container" + i).show();
    }
  });
});
</script>

Answer 1

在第二个for循环中尝试这个：

 $('#containers2').on('change', function() {

    hideAllContainers2();
    var count = parseInt(this.value);

    for (i = 11; i <= count; i++) {
    console.log($(".Container" + i));
      $(".Container" + i).show();
    }
  });

使用＆gt; =会得到错误的结果？

1 个答案: