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

<select>
  <option>Выберите</option>
  <option>Пункт 1</option>
  <option>Пункт 2</option>
  <option>Пункт 3</option>
  <option>Пункт 4</option>
   
</select>

<div id="parent_block">
  <div id="1" class="contacts">1 Block</div>
  <div id="2" class="contacts">2 Block</div>
  <div id="3" class="contacts">3 Block</div>
  <div id="4" class="contacts">4 Block</div>
</div>
<script>
    var select = document.querySelector('select');
    var blocks = document.querySelectorAll('#parent_block div');
    function hideBlocks(except) {
        for (var i = 0; i < blocks.length; i++) {
            blocks[i].style.display = (i === except) ? '' : 'none';
        }
    }
    select.onchange = function() {
        hideBlocks(this.selectedIndex - 1);
    };

    this.hideBlocks();
</script>
Ответить с цитированием