sxh24

根据select选择来控div是否显示,默认这个div是隐藏的,

<!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>

<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">有免费售后服务</div>
</body>

<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>
</html>

posted on 2019-09-24 11:02  xhshen  阅读(579)  评论(0编辑  收藏  举报
 

分类:

技术点:

相关文章:

  • 2021-12-18
  • 2022-12-23
  • 2021-12-04
  • 2022-12-23
  • 2021-11-06
  • 2021-11-09
  • 2021-07-07
猜你喜欢
  • 2021-12-13
  • 2022-12-23
  • 2022-01-24
  • 2022-01-20
  • 2021-04-08
  • 2021-09-01
相关资源
相似解决方案