Тема: JQuery и Select
Показать сообщение отдельно
  #5 (permalink)  
Старый 03.11.2011, 14:25
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,200

Сообщение от iskiz
Незнаю только как написать это, чтобы работало
Например вот так...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.container {
	display: none;
}
#category {
	width: 302px;
	height: 22px;
}
#category option {
	color: black;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
	$("#category").click(function (){
		var id=this.value;
		$("#container > div").hide();
		$("#cn"+id).show();
	});
});
</script>
</head>
<body>
<select name="catlist[]" id="category">
	<option></option>
	<option value="11">Текст1</option>
	<option value="22">Текст2</option>
	<option value="33">Текст3</option>
	<option value="44">Текст4</option>
	<option value="55">Текст5</option>
	<option value="66">Текст6</option>
	<option value="77">Текст7</option>
	<option value="88">Текст8</option>
	<option value="99">Текст9</option>
</select>
<div id="container">
	<div id="cn11" class="container">Контент 11</div>
	<div id="cn22" class="container">Контент 22</div>
	<div id="cn33" class="container">Контент 33</div>
	<div id="cn44" class="container">Контент 44</div>
	<div id="cn55" class="container">Контент 55</div>
	<div id="cn66" class="container">Контент 66</div>
	<div id="cn77" class="container">Контент 77</div>
	<div id="cn88" class="container">Контент 88</div>
	<div id="cn99" class="container">Контент 99</div>
</div>
</body>
</html>
Ответить с цитированием