首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery兑现select表单里选择不同的值一些隐藏的div显示出来

2012-06-28 
Jquery实现select表单里选择不同的值一些隐藏的div显示出来select默认值:--其他值:javacnetdiv idd1

Jquery实现select表单里选择不同的值一些隐藏的div显示出来
select默认值:--  其他值:java  c  net
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
选择java时显示d3  选择net时显示d1

<select id="s">
<option value="">--</option>
<option value="java">java</option>
<option value="c">c</option>
<option value="net">net</option>
</select>
<div id="d1" style="display:none;"></div>
<div id="d2" style="display:none;"></div>
<div id="d3" style="display:none;"></div>


var map = {"java":"d1", "c":"d2", "net":"d3"};
$("#s").bind("change", function(){
var divId = map[this.value];
$("#"+divId).show().siblings().hide();
});

热点排行