Как при переходе по определенной ссылке менять в?

Question

[LionQ]

Нужно, например, при переходе на site.ru/blog/#news пункт option менять на selected. И так на каждый option. Как это можно реализовать?

<select>
<option selected value="news">Новости</option>
<option value="articles">Статьи</option>
<option value="popular">Популярное</option>
</select>

Answer 1

[FeST1VaL]

смотреть на хэш ссылки (document.location.hash) и менять значение

Comments

[LionQ]

есть пример работы данной функции? как его правильно прописать?

[FeST1VaL]

LionQ, эм... скрипт в 2 строки... в одной получаем хэш в другой ставим селектед

Answer 2

[ThunderCat]

способов масса, зависит от функционала вашего "перехода" и еще много чего.
В целом - отследить событие перехода,
выбрать нужный селект,
получить нужный оптион,
добавить атрибут селектед.

Answer 3

[Stalker_RED]

document.querySelector('select') // подправьте тут селектор, чтобы выбирался правильный
    .value = location.hash.replace('#', '') || 'news'; // default news