У меня есть следующий раскрывающийся список на основе bootstrap.
<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.
Я попробовал несколько способов из других ответов, но они, похоже, не работают в раскрывающемся списке начальной загрузки.
Пробовал это в основном: stackoverflow.com/questions/35181403/…



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вероятно, вы можете сделать что-то вроде этого:
const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('something');
document.querySelector('option[value=' + myParam + ']').setAttribute('selected', "")
Дополнительный совет: вы можете позволить браузеру выбрать соответствующий <option> автоматически, если вы установите value элемента <select> на значение, которое соответствует значению любого из элементов <option>.
вы можете попробовать это:
const urlParams = new URLSearchParams(window.location.search);
const something = urlParams.get('something');
document.getElementById('hpsel').value = something;
вы можете опубликовать то, что вы пробовали? или ссылки на эти ответы и как они не смогли сделать то, что вы хотите?