JQ/JS：根据select选择来控div是否显示，默认这个div是隐藏的，
<selectclass="select"size="1"name="type"id="type"><optionvalue=""selected>请选择业务类型</op...
<select class="select" size="1" name="type" id="type" >
<option value="" selected>请选择业务类型</option>
<option value="1">联想</option>
<option value="2">戴尔</option>
<option value="3">惠普</option>
<option value="4">苹果</option>
<option value="5">鸿基</option>
<option value="6">神州</option>
</select>
<div id="shouhou" style>有免费售后服务</div>
需要根据select选择来控制<div id="shouhou">有免费售后服务</div>是否显示，默认这个div是隐藏的，
比如select选择1或2或3就显示这个DIV，选择4或5或6就隐藏 展开
<option value="" selected>请选择业务类型</option>
<option value="1">联想</option>
<option value="2">戴尔</option>
<option value="3">惠普</option>
<option value="4">苹果</option>
<option value="5">鸿基</option>
<option value="6">神州</option>
</select>
<div id="shouhou" style>有免费售后服务</div>
需要根据select选择来控制<div id="shouhou">有免费售后服务</div>是否显示，默认这个div是隐藏的，
比如select选择1或2或3就显示这个DIV，选择4或5或6就隐藏 展开
3个回答
展开全部
<!DOCTYPE html>
<html>
<head lang="cn">
<title>Insert title here</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
<script>
$(function(){
//隐藏div
$("#shouhou").hide();
//给div添加change事件
$("#type").change(function(){
if($(this).val()==1||$(this).val()==2||$(this).val()==3){
$("#shouhou").hide();
}else if($(this).val()==4||$(this).val()==5||$(this).val()==6){
$("#shouhou").show();
}
})
})
</script>
<body>
<select class="select" size="1" name="type" id="type" >
<option value="" selected>请选择业务类型</option>
<option value="1">联想</option>
<option value="2">戴尔</option>
<option value="3">惠普</option>
<option value="4">苹果</option>
<option value="5">鸿基</option>
<option value="6">神州</option>
</select>
<div id="shouhou" style>有免费售后服务</div>
</body>
</html>
<html>
<head lang="cn">
<title>Insert title here</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
<script>
$(function(){
//隐藏div
$("#shouhou").hide();
//给div添加change事件
$("#type").change(function(){
if($(this).val()==1||$(this).val()==2||$(this).val()==3){
$("#shouhou").hide();
}else if($(this).val()==4||$(this).val()==5||$(this).val()==6){
$("#shouhou").show();
}
})
})
</script>
<body>
<select class="select" size="1" name="type" id="type" >
<option value="" selected>请选择业务类型</option>
<option value="1">联想</option>
<option value="2">戴尔</option>
<option value="3">惠普</option>
<option value="4">苹果</option>
<option value="5">鸿基</option>
<option value="6">神州</option>
</select>
<div id="shouhou" style>有免费售后服务</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过获取option的value值来判断显示
追问
你好，需要完整的示例
追答
我没有现成的代码，只是有思路
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var shouhou = $("#shouhou");
$("#type").on("change",function(){
var th = $(this);
var vals = th.val();
if(vals==1 || vals==2 || vals==3){
shouhou.fadeIn(0);
}else{
shouhou.fadeOut(0);
}
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
