Сообщение от 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>