用jquery实现选中select里面的value 来切换对应的div

发布网友发布时间：2022-04-29 18:39

共2个回答

热心网友时间：2022-04-23 04:30

如下代码可以实现，你运行试试吧：

<select name="queryType" onchange="Cmd(this)">
<option value="1" name="queryType"> 1</option>
<option value="2" name="queryType"> 2</option>
<option value="3" name="queryType"> 3</option>
</select>
<div>
<div id="div1">111</div>
<div id="div2" style="display:none;">222</div>
<div id="div3" style="display:none;">333</div>
</div>
<script src="jquery-1.9.1.min.js"></script>
<script>
function Cmd(obj){
$(obj).next("div").find("div").each(function(){
$(this).hide();
});
$("#div" + obj.value).show();
}
</script>

热心网友时间：2022-04-23 05:48

$("select[name='queryType']").change(function(){

$div = $("#div"+$(this).val());//这就是你选择的div了

$div.parent().children("div").hide(); //让其他所有div隐藏

$div.show(); //你选中的div显示

});