从查询字符串更改选定的 div

Question

我有以下基于引导程序的下拉列表。

<div class="form-group">
  <label for="form_name">Title</label>
  <select id="hpsel" class="c-form-profession form-control">
    <option value="con01">Option 1</option>
    <option value="con02">Option 2</option>
    <option value="con03">Option 3</option>
    <option value="con04">Option 4</option>
  </select>
</div>

我想更改查询字符串中的选定值，以便?something=con02打开带有预选 con02 的页面。

我从其他答案中尝试了几种方法，但它们似乎不适用于我的引导下拉菜单。

Answer 1

你可以试试这个：

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

document.getElementById('hpsel').value = something;