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;

Answer 2

您可能可以执行以下操作：

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

document.querySelector('option[value=' + myParam + ']').setAttribute('selected', "")

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

2 个答案: