Показать сообщение отдельно
  #3 (permalink)  
Старый 04.12.2014, 17:37
Профессор
Посмотреть профиль Найти все сообщения от krutoy
 
Регистрация: 09.11.2014
Сообщений: 610

В простом случае никакие структуры не нужны
<html>
<head>
</head>

<body>



<select id="countries">
<option>russia</option>
<option>ukraine</option>
</select>

<select id="russia" style="display: none">
<option>Moskow</option>
<option>Sp-burg</option>
</select>

<select id="ukraine" style="display: none">
<option>Kiev</option>
<option>Harkov</option>
</select>


<script>

get=document.querySelector.bind(document)

countries=get("#countries")
russia=get("#russia")
ukraine=get("#ukraine")

countries.onchange=function(){
      switch(this.value){
         case("russia"): russia.style.display="block"; ukraine.style.display="none"; return
         case("ukraine"): ukraine.style.display="block"; russia.style.display="none"; return
      }
}




</script>
</body>
</html>
Ответить с цитированием