Показать сообщение отдельно
  #9 (permalink)  
Старый 24.12.2013, 17:38
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Мой вариант, потопорнее. У рони, покомпактнее, нужно только селекторы по классу использовать и дать имена нормальные переменным (кстати, не обижайся если начну ставить минусы за твои a,b,c - реально напрягает когда читаешь код).

<!DOCTYPE html>
 
<html>
 
<head>
    <!--<script src="http://code.jquery.com/jquery-latest.js"></script>-->
</head>
 
<body>
 
    <select name="menu" size="1" id="select">
      <option name="type" value="0" select="selected">&nbsp;</option>
      <option name="type" value="1">Фундамент</option>
      <option name="type" value="2">Перекрытия 1-го этажа</option>
    </select>
     
    <div id="block1" style="display:none;">БЛОК 1</div>
    <div id="block2" style="display:none;">БЛОК 2</div>
  
    <script>
        (function(){
            var select = document.getElementById("select")
            var block1 = document.getElementById("block1");
            var block2 = document.getElementById("block2");;
            var toggle = function(show1, show2) {
                block1.style.display = show1 ? "block" : "none";
                block2.style.display = show2 ? "block" : "none";
            }
            select.onchange = function() {
                toggle(this.value == 1, this.value == 2);
            };
        })()
    </script>
</body>
 
</html>


Рекомендую не ждать onload события - проще опустить скрипт вниз, когда все элементы уже доступны.
__________________
В личку только с интересными предложениями

Последний раз редактировалось danik.js, 24.12.2013 в 18:02.
Ответить с цитированием