如果下拉条目已更改，则排序列表

// HTML部分
<select id="sortSelect">
  <option value="asc">升序</option>
  <option value="desc">降序</option>
</select>
<ul id="itemList">
  <!-- 列表项 -->
</ul>

// JavaScript部分
document.getElementById('sortSelect').addEventListener('change', function() {
  const sortOrder = this.value;
  sortListItems(sortOrder);
});

function sortListItems(sortOrder) {
  const list = document.getElementById('itemList');
  const items = Array.from(list.children);

  items.sort((a, b) => {
    const aValue = a.textContent;
    const bValue = b.textContent;
    return sortOrder === 'asc' ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);
  });

  // 清空原列表并重新添加排序后的项
  while (list.firstChild) {
    list.removeChild(list.firstChild);
  }
  items.forEach(item => list.appendChild(item));
}