Здравствуйте!
Подскажите пожалуйста, как сделать раскрывающийся список с областями и для каждой области открывалась своя страница?
Новичок - если можно, поподробнее.
Заранее, спасибо!
Здравствуйте!
Подскажите пожалуйста, как сделать раскрывающийся список с областями и для каждой области открывалась своя страница?
Новичок - если можно, поподробнее.
Заранее, спасибо!
Добрый день. Если Вам нужен аккордион то можно сделать как тут https://getbootstrap.com/docs/4.0/components/collapse/
Если нужен выпадающий список с сгрупированными опциями то можно сделать так
<html>
<body>
<select id="select">
<optgroup label="Swedish Cars">
<option value="volvo" data-url='https://google.com'>Volvo</option>
<option value="saab" data-url='https://google.com'>Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes" data-url='https://google.com'>Mercedes</option>
<option value="audi" data-url='https://google.com'>Audi</option>
</optgroup>
</select>
<script>
var select = document.querySelector("#select");
select.addEventListener("change", function() {
var url = select.options[select.selectedIndex].dataset.url;
document.location = url;
});
</script>
</body>
</html>
У каждой опции есть data-url атрибут с адресом. Js код реагирует на смену опции, берет выбранную опцию и считывает значение атрибута data-url после чего перенаправляет пользоватлеля.
Попробуйте вот такой вариант:
<select onchange="if (this.value!=0) location.href='go_to_page.php?page='+this.value">
<option value="0">Выбрать область</option>
<option value="KI">Киевская область</option>
<option value="CHE">Черниговская область</option>
</select>
Можно так:
<select onchange="createPage()">
<option>Украина</option>
<option>Польша</option>
</select>
<script>
function createPage(){
реализация функции javascript
}
</script>
Спасибо, буду пробовать!