Javascript-форум - Показать сообщение отдельно - Скрыть показать блок при выбора пункта из списка

рони · #4 (**permalink**) 24.09.2013, 21:38

nurik2120,

<!DOCTYPE HTML>
<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>
<body>
<select id="CategoryTree"  name="category_sid[tree][1]">
<option value="0">Все категории</option>
<option selected="selected" title="/Car/" value="4"> &nbsp; &nbsp;Автомобили(3)</option>
<option title="/Motorcycle/" value="8">&nbsp; &nbsp;Мотоциклы(2)</option>
<option title="/Trucks/" value="13">&nbsp; &nbsp;Грузовики(1)</option>
</select>
<div id="avto" style="display:block">инфо об Автомобилях</div>
<div id="moto"  style="display:none">инфо о Мото</div>
<div id="trucks"  style="display:none">инфо о Грузовиках</div>
<script>
document.getElementById("CategoryTree")
    .onchange = function () {
        var b = {
            4: "avto",
            8: "moto",
            13: "trucks"
        }, c = this.value,
            a;
        for (a in b) document.getElementById(b[a])
            .style.display = 0 == c || c == a ? "block" : "none"
};
</script>
</body>
</html>