Показать сообщение отдельно
  #4 (permalink)  
Старый 21.12.2015, 12:17
Профессор
Отправить личное сообщение для Mess4me Посмотреть профиль Найти все сообщения от Mess4me
 
Регистрация: 03.11.2014
Сообщений: 263

Deymos,
<!doctype html>
<html>
<head>
    <title></title>
    <meta charset='utf-8' />
    <style>
        .bl {
            display: none;
        }
    </style>
</head>
<body>

<select name="sel" id="sel">
    <option value=""></option>
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
</select>

<div id="toShow" class="variations_button bl">Hello, I am hidden block</div>
<script>
    var sel = document.getElementById('sel');
    sel.addEventListener('change', function (event) {
        if(this.value)  { document.getElementById('toShow').classList.remove('bl') } else {
            document.getElementById('toShow').classList.add('bl')
        };

    })


</script>

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