Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML
<!-- فیلترها -->
<label for="filterAxis">محور:</label>
<select id="filterAxis" onchange="filterTable()">
  <option value="">همه</option>
  <option value="محور 1">محور 1</option>
  <option value="محور 2">محور 2</option>
  <option value="محور 3">محور 3</option>
</select>

<label for="filterSubAxis">زیر محور:</label>
<select id="filterSubAxis" onchange="filterTable()">
  <option value="">همه</option>
  <option value="زیر محور 1">زیر محور 1</option>
  <option value="زیر محور 2">زیر محور 2</option>
  <option value="زیر محور 3">زیر محور 3</option>
</select>

<!-- جدول -->
<table id="myTable" border="1" cellpadding="5" cellspacing="0" style="border-collapse: collapse; width: 100%; margin-top: 10px;">
  <thead style="background-color: #f2f2f2;">
    <tr>
      <th>محور</th>
      <th>زیر محور</th>
      <th>عنوان سند</th>
      <th>نوع سند</th>
      <th>تاریخ آخرین بازنگری</th>
      <th>تاریخ ویرایش</th>
      <th>کد ویرایش</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>محور 1</td>
      <td>زیر محور 1</td>
      <td>مثال عنوان 1</td>
      <td>Word</td>
      <td>2025-11-29</td>
      <td>2025-11-28</td>
      <td>001</td>
    </tr>
    <tr>
      <td>محور 2</td>
      <td>زیر محور 2</td>
      <td>مثال عنوان 2</td>
      <td>PDF</td>
      <td>2025-11-28</td>
      <td>2025-11-27</td>
      <td>002</td>
    </tr>
    <tr>
      <td>محور 3</td>
      <td>زیر محور 3</td>
      <td>مثال عنوان 3</td>
      <td>Excel</td>
      <td>2025-11-27</td>
      <td>2025-11-26</td>
      <td>003</td>
    </tr>
  </tbody>
</table>

<!-- اسکریپت فیلتر -->
<script>
function filterTable() {
  var axis = document.getElementById("filterAxis").value.toLowerCase();
  var subAxis = document.getElementById("filterSubAxis").value.toLowerCase();
  var table = document.getElementById("myTable");
  var tr = table.getElementsByTagName("tr");

  for (var