Показать сообщение отдельно
  #22 (permalink)  
Старый 30.12.2011, 15:01
Интересующийся
Отправить личное сообщение для maxim339 Посмотреть профиль Найти все сообщения от maxim339
 
Регистрация: 07.10.2011
Сообщений: 15

Уже подсказали как это реализовать.
<!DOCTYPE html>
<html>
<head>

<style type="text/css">
	#list-2 {
display: none;
}

</style>
<script type="text/javascript">
function Go(Obj) {	
	var i,od,o=document.getElementById(Obj.value)	
	for (i=0; i<Obj.options.length; i++) 
	{		
		od=document.getElementById(Obj.options[i].value)		
		od.style.display=(od==o)? 'inline': 'none'	
	}
}
</script>
</head>

<body>
<form method="post" action="">
	<select size="1" name="vibor" onchange='Go(this)'>	        
		<option value="list-1">Ваз</option>
		<option value="list-2">Уаз</option>
	</select>	

<select size="1" id="list-1">	        
	<option value="1">Ваз 1</option>	        
	<option value="2">Ваз 2</option>	        
	<option value="3">Ваз 3</option>	
</select>

<select size="1" id="list-2">	        
	<option value="1">Уаз 1</option>	        
	<option value="2">Уаз 2</option>	        
	<option value="3">Уаз 3</option>	
</select>
<form>
</body>
</html>
</body>
</html>


Почти как я и говорил, код в 4 строчки...
Ответить с цитированием