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();
});