Изменить выбранный div из строки запроса

У меня есть следующий раскрывающийся список на основе 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.

Я попробовал несколько способов из других ответов, но они, похоже, не работают в раскрывающемся списке начальной загрузки.

🤔 А знаете ли вы, что...
JavaScript поддерживает работу с графикой и аудио, что позволяет создавать мультимедийные веб-приложения.

[РЕШЕНО]Перейти к решению

98

2

Javascript273878 вопросов Jquery62551 вопрос Html113619 вопросов Css75481 вопрос Query string324 вопроса

Вероятно, вы можете сделать что-то вроде этого:

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

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

Решено

вы можете попробовать это:

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

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

Изменить выбранный div из строки запроса

Ответы:

Интересные вопросы для изучения