Раскрывающийся список с областями


#1

Здравствуйте!

Подскажите пожалуйста, как сделать раскрывающийся список с областями и для каждой области открывалась своя страница?

Новичок - если можно, поподробнее.
Заранее, спасибо!


#3

Добрый день. Если Вам нужен аккордион то можно сделать как тут 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 после чего перенаправляет пользоватлеля.


#4
Попробуйте вот такой вариант:
    <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>

#5
Можно так:
    <select onchange="createPage()">
    <option>Украина</option>
    <option>Польша</option>
    </select>
    <script>
    function createPage(){
    реализация функции javascript 
    }
    </script>

#6

Спасибо, буду пробовать!