Сделать показ div при смене select'a

Рейтинг: -2Ответов: 1Опубликовано: 24.11.2014

Нужно, чтобы при выборе оптион показывался определенный блок.

Вот код. Он показывает только первые два блока, а при выборе третьего показывает все три:

<select id="Spisok" name="1" class="input-xlarge"><br />
<option value="0" selected="selected">Блок 1</option>
<option value="1">Блок 2</option>
<option value="2">Блок 3</option>
</select>
<br />

<div id="blokone" class="control-group" style="display:block">
block1
</div>

<div id="bloktwo" class="control-group" style="display:none">
block2
</div>

<div id="blokthree" class="control-group" style="display:none">
block3
</div>

<script>
document.getElementById("Spisok")
.onchange = function () {
var b = {
0: "blokone",
1: "bloktwo",
2: "blokthree",
}, c = this.value,
a;
for (a in b) document.getElementById(b[a])
.style.display = 2 == c || c == a ? "block" : "none"
};
</script>

Ответы

Ответов пока нет.