通过下拉框来显示对应的内容。_html/css_WEB-ITnose

 --请选择-- 显示内容1 显示内容2 显示内容3 

回复讨论(解决方案)

右边 是什么

右边 是什么

右边就是显示的内容，随便是什么都可以。

$(document).ready(function(){
$("#sel").change(function(){
var flag = $(this).val();
switch(flag){
case '1':
$("#content"+flag).show().siblings('div').hide();
break;
case '2':
$("#content"+flag).show().siblings('div').hide();
break;
case '3':
$("#content"+flag).show().siblings('div').hide();
break;
default:
$("div").hide();
alert("未选择");
}
});
});





--请选择--
显示内容1
显示内容2
显示内容3

content1
content2
content3

$(document).ready(function(){
$("#sel").change(function(){
var flag = $(this).val();
switch(flag){
case '1':
$("#content"+flag).show().siblings('div').hide();
break;
case '2':
$("#content"+flag).show().siblings('div').hide();
break;
case '3':
$("#content"+flag).show().siblings('div').hide();
break;
default:
$("div").hide();
alert("未选择");
}
});
});





--请选择--
显示内容1
显示内容2
显示内容3

content1
content2
content3

非常感谢。

$(document).ready(function(){
$("#sel").change(function(){
var flag = $(this).val();
switch(flag){
case '1':
$("#content"+flag).show().siblings('div').hide();
break;
case '2':
$("#content"+flag).show().siblings('div').hide();
break;
case '3':
$("#content"+flag).show().siblings('div').hide();
break;
default:
$("div").hide();
alert("未选择");
}
});
});





--请选择--
显示内容1
显示内容2
显示内容3

content1
content2
content3


如果要设置一个默认显示内容怎么办，比如什么都不选择的时候。。
显示content0

$(document).ready(function(){
$("#sel").change(function(){
var flag = $(this).val();
switch(flag){
case '1':
$("#content"+flag).show().siblings('div').hide();
break;
case '2':
$("#content"+flag).show().siblings('div').hide();
break;
case '3':
$("#content"+flag).show().siblings('div').hide();
break;
default:
$("div").hide();
alert("未选择");
}
});
});





--请选择--
显示内容1
显示内容2
显示内容3

content1
content2
content3


比如默认请选择的情况下，下面显示一个默认的内容。？