Сообщение от рони
|
|
моя твоя непонимать ... код на выходе -- html пусть нерабочий
|
Ещё раз спасибо, вывернул мозги и разобрался.
Подскажи, думаю простой вопрос
У меня для текста есть класс стиля (class="nameclass")
я хочу чтобы этот стиль применялся на текст в div-ах.
Понимаю, что нужно правильно добавить тут:
<style>
.div2 {
display: none ;
}
</style>
<style>
.div3 {
display: none ;
}
</style>
Прописать class:nameclass; не канает)
Целиком
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<style>
.div2 {
display: none ;
}
</style>
<style>
.div3 {
display: none ;
}
</style>
<select onchange="change(this.value);">
<option value=1 selected>1 вариант</option>
<option value=2>2 вариант</option>
<option value=3>3 вариант</option>
</select>
<div class="div1"><input type="checkbox" value="Курс 1" />Курс 1<br /></div>
<div class="div1"><input type="checkbox" value="Курс 2" />Курс 2<br /></div>
<div class="div1"><input type="checkbox" value="Курс 3" />Курс 3<br /></div>
<div class="div2"><input type="checkbox" value="нКурс 1" />нКурс 1<br /></div>
<div class="div2"><input type="checkbox" value="нКурс 2" />нКурс 2<br /></div>
<div class="div2"><input type="checkbox" value="нКурс 3" />нКурс 3<br /></div>
<div class="div3"><input type="checkbox" value="ннКурс 1" />ннКурс 1<br /></div>
<div class="div3"><input type="checkbox"value="ннКурс 2" />ннКурс 2<br /></div>
<script>
var divs = document.querySelectorAll(".div1, .div2, .div3") ;
function change(i) {
var nodeList = divs,
l = nodeList.length ;
while(l--)
nodeList[l].style.display = "none" ;
nodeList = document.querySelectorAll(".div"+i) ;
l = nodeList.length ;
while(l--)
nodeList[l].style.display = "block" ;
} ;
</script>
</body>
</html>
