使用 >= 给出不正确的结果？

Question

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

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

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

容器行的第一个循环 class <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>

容器行的第二个循环 class <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();
    }
  });

使用 >= 给出不正确的结果？

Using >= gives incorrect results?

javascript

joomla