在一个输出表中使用多个排序下拉列表的最佳方式？

<table>
  <thead>
    <tr>
      <th>
        <select id="sort1">
          <option value="asc">升序</option>
          <option value="desc">降序</option>
        </select>
      </th>
      <th>
        <select id="sort2">
          <option value="asc">升序</option>
          <option value="desc">降序</option>
        </select>
      </th>
      <!-- 添加更多的下拉列表 -->
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>

// 获取下拉列表元素
const sort1Select = document.getElementById('sort1');
const sort2Select = document.getElementById('sort2');
// 监听下拉列表变化事件
sort1Select.addEventListener('change', sortTable);
sort2Select.addEventListener('change', sortTable);

// 排序函数
function sortTable() {
  // 获取选择的排序方式
  const sort1 = sort1Select.value;
  const sort2 = sort2Select.value;
  
  // 根据选择的排序方式重新排序表格内容
  // ...
}