Javascript在提交搜索后向URL添加排序参数

function handleSearchSubmit(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  const searchKeyword = document.getElementById('searchInput').value;
  const sortOption = document.getElementById('sortSelect').value;

  const urlParams = new URLSearchParams(window.location.search);
  const existingSortParam = urlParams.get('sort');

  if (existingSortParam) {
    urlParams.set('sort', sortOption);
  } else {
    urlParams.append('sort', sortOption);
  }

  const updatedParamsString = urlParams.toString();
  const updatedUrl = `${window.location.pathname}?${updatedParamsString}`;

  window.location.href = updatedUrl;
}

const searchForm = document.getElementById('searchForm');
searchForm.addEventListener('submit', handleSearchSubmit);

<form id="searchForm">
  <input type="text" id="searchInput" />
  <select id="sortSelect">
    <option value="relevance">相关性</option>
    <option value="date">日期</option>
    <option value="popularity">热度</option>
  </select>
  <button type="submit">搜索</button>
</form>