<html>
<head>
<script type="text/javascript" src="/jquery.min.js"></script>  
<script type="text/javascript">
<!--
	$(document).ready(function() {

		$('#container div').css('display','none');		   //Скрываем все блоки
		$('#container div:first-child').css('display','block');	//Делаем первый див активным
		
		$("#test").change(function(){						 //При смене 
			$('#container div').css('display','none');  //Скрываем все открытые блоки
			id = $('#test option:selected').val();	   //Вытаскиваем value
			//$('#'+id).show(); //Показываем блок c таким же id как наш value
			$('#'+id).css('display','block');//Лично мне так нравится больше
		});

	});
-->
</script>
</head>
<body>

<select id="test" name="test">
	 <option value="a1_54">1/54</option>
	 <option value="a2_54">2/54</option>
	 <option value="a3_54">3/54</option>
	 <option value="a4_54">4/54</option>
</select>

<div id="container">
<div id="a1_54">1/54</div>
<div id="a2_54">2/54</div>
<div id="a3_54">3/54</div>
<div id="a4_54">4/54</div>
</div>

</body>
</html>
TO TOP