Question

我有一个从w3schools获得的关于排序的函数（我采用的是字母排序）。我对其进行了一些修改以试图使其在我的桌子上工作，但是当我从下拉菜单中单击它时遇到了一些问题列表，例如显示随机订单，例如：会议，在，会议，

它应该只显示正在开会的人，或者在我单击下拉菜单时在外部显示的人。

function sortStatusT() {

  var table, rows, switching, i, x, y, shouldSwitch;
  table = document.getElementById("myTable");
  switching = true;

  while (switching) {
    switching = false;
    rows = table.rows;

    for (i = 1; i < (rows.length - 1); i++) {
      shouldSwitch = false;

      x = rows[i].getElementsByTagName("th")[2];
      y = rows[i + 1].getElementsByTagName("th")[2];

      if (x.innerHTML.indexOf("Meeting") < y.innerHTML.indexOf("Meeting")) {
        shouldSwitch = true;
        break;
      }
    }

    if (shouldSwitch) {
      rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
      switching = true;
    }
  }
}

表中对应的div

<th class="sorttable_nosort tg-oae8 " style="font-size:15px">
  <div class="dropdown">
    <button class=" btn btn-primary"><b>Status</b></button>
    <div id="drpd" class="dropdown-content">

      <a value="in" onclick="sortStatusDesc()">In</a>
      <a value="out" onclick="sortStatus()">Out</a>
      <a value="meet" onclick="sortStatusT()">Meeting</a>

    </div>
  </div>
</th>

Javascript根据下拉值对数据进行排序/过滤

0 个答案: