Показать скрыть блоки
Здравствуйте помогите написать скрипт
есть список select list и блоки <select id="edit-type" class="form-select" name="type" > <option selected="selected" value="All">---------</option> <option class="a" value="a">a</option> <option class="b" value="b">b</option> <option class="c" value="c">c</option> </select> <div class="a" style="display:none"> a</div> <div class="b" style="display:none">b</div> <div class="c" style="display:none">c</div> <div class="a b" style="display:none">a b</div> <div class="b c" style="display:none">a b</div> допустим при выборе из списка пункта "b" все блоки которые содержат class "b" должны поменять стиль на display: block это следующие блоки <div class="a b" style="display:none">a b</div> <div class="b c" style="display:none">a b</div> <div class="b" style="display:none">b</div> |
Цитата:
<!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">
</style>
<script type="text/javascript">
$(document).ready(function (){
$('#edit-type').change(function (){
$('#container > div').hide();
$('#container > .'+this.value).show();
});
});
</script>
</head>
<body>
<select id="edit-type" class="form-select" name="type" >
<option value="All">---------</option>
<option class="a" value="a">a</option>
<option class="b" value="b">b</option>
<option class="c" value="c">c</option>
</select>
<div id='container'>
<div class="a" style="display:none"> a</div>
<div class="b" style="display:none">b</div>
<div class="c" style="display:none">c</div>
<div class="a b" style="display:none">a b</div>
<div class="b c" style="display:none">b c</div>
</div>
</body>
</html>
|
Цитата:
<script src="jquery.js?v=1.4.4" type="text/javascript"> <script src="jquery.once.js?v=1.2" type="text/javascript"> нужно ли вашу подключать? |
Цитата:
|
Цитата:
большое спасибо за помощь) |
| Часовой пояс GMT +3, время: 18:38. |