Здравствуйте!
Нашел на этом форуме отличный пример, при смене опции он удаляет и добавляет клас, хороший пример. Но как быть если уже опция выбрана. например при редактировании документа.
Но этот вариант подходит только к созданию документа когда поумолчанию выбрана опция "ничего не выбрано"
А если редактирования документа в котором опция другая а не "ничего не выбрано", можно удалять класс?
<!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>