ruarhyzh-CNcsdanlenfrkadeeliwitjakoestr

Предлагаем широкий спектр веб услуг по разработке, поддержке и продвижению веб-сайтов.
Гарантируем качество и высокий уровень сдаваемых проектов с 2006 года.

Данный скрипт скрывает / показывает определенный DIV блок в зависимости от выбора списка select

 

<select id="CategoryTrees"  name="name">
<option value="0">Показать всё</option>
<option selected="selected" title="#" value="10"> &nbsp; &nbsp;выбор первый</option>
<option title="#" value="20">&nbsp; &nbsp;выбор второй</option>
<option title="#" value="30">&nbsp; &nbsp;выбор третий</option>
</select>
<div id="blokone" style="display:block">Блок первый</div>
<div id="bloktwo"  style="display:none">Блок второй</div>
<div id="blokthree"  style="display:none">Блок третий</div>
<script>
document.getElementById("CategoryTrees")
    .onchange = function () {
        var b = {
            10: "blokone",
            20: "bloktwo",
            30: "blokthree"
        }, c = this.value,
            a;
        for (a in b) document.getElementById(b[a])
            .style.display = 0 == c || c == a ? "block" : "none"
};
</script>

 


e-mail

All rights reserved. © 2006-2024. При перепечатке текстов, активная, видимая ссылка на TopWebDesign.ru обязательна.

Сайт носит исключительно информационный характер и никакая информация, опубликованная на нём, ни при каких условиях не является публичной офертой, определяемой положениями статьи 437 Гражданского кодекса РФ. Настоящий ресурс может содержать материалы 18+

Продолжая использовать наш сайт, Вы даете согласие на обработку файлов cookies и пользовательских данных, подробнее в нашей Политике Cookie. Если Вы не хотите, чтобы Ваши данные обрабатывались, пожалуйста, покиньте сайт.

Наверх Вниз