Сообщение от danik.js
|
|
IE мозгов не хватит)
|
Ти прав
Поправил:
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script>
function toggle(val) {
var elemId =['avto','moto','shlemi','furgon_do','gruz_sv'];
function setToddle(a) {
for(var i=0;i<elemId.length;i++) {
var tmp=(!+a[i]) ? 'none':'';
document.getElementById(elemId[i]).style.display=tmp;
}
}
var obj = {
avto: '10000',
moto: '01000',
shlemi: '00100',
furgon_do: '00010',
gruz_sv: '00001',
esly_else: '00'
}
for(var key in obj) {
if(val==key) {
var setArray = obj[key].split('');setToddle(setArray);return;
}
}
var setArray = obj.esly_else.split('');setToddle(setArray);//если соответствует 'else'
}
</script>
</head>
<body>
<form>
<select name="select_left" size="1" id="select_left_id" onChange="toggle(this.value);">
<option value="avto" selected>Автомобили</option>
<option value="moto">Мотоциклы</option>
<option value="shlemi" >Одежда шлемы</option>
<option value="furgon_do">Фургоны, грузовые автомобили до 7,5т</option>
<option value="gruz_sv">Грузовые автомобили свыше 7,5т</option>
</select>
<div id="avto" style="display: block;">avto</div>
<div id="moto" style="display: none;">moto</div>
<div id="shlemi" style="display: none;">shlemi</div>
<div id="furgon_do" style="display: none;">furgon_do</div>
<div id="gruz_sv" style="display: none;">gruz_sv</div>
</form>
</body>
</html>