jquery怎样来获取select框当前的value值来显示隐藏。表单通过性别涮选。，

最新推荐文章于 2021-06-04 16:09:42 发布

邱志刚

最新推荐文章于 2021-06-04 16:09:42 发布

阅读量516

点赞数 1

分类专栏： js技术 css 文章标签： jquery实现select的value值 jquery怎样来获取select框当前的value值来显示隐藏 jquery怎样来获取select框当前的value值来筛选男女

本文链接：https://blog.csdn.net/qq_42957741/article/details/84841374

版权

js技术同时被 2 个专栏收录

41 篇文章 1 订阅

订阅专栏

css

11 篇文章 0 订阅

订阅专栏

jquery怎样来获取select框当前的value值来显示隐藏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
<select name="test" id="test">
    <option value="0">性别分类</option>
    <option value="1">男</option>
    <option value="2">女</option>
</select>
    <div class="tt1">男</div>
    <div class="tt1">男</div>
    <div class="tt1">男</div>
    <div class="tt12">女</div>
    <div class="tt1">男</div>
    <div class="tt12">女</div>
    <div class="tt1">男</div>
    <div class="tt12">女</div>
    <div class="tt1">男</div>
    <div class="tt1">男</div>
    <div class="tt1">男</div>
	</body>
	//这里jquery要插入自己的本地路径。
	<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
	<script type="text/javascript">
		$("#test").change(function(){
			
			if($("#test").val() == 1){
				$(".tt1").show();
				$(".tt12").hide();
			}else if($("#test").val() == 2){
				$(".tt12").show();
				$(".tt1").hide();
			}else if($("#test").val() == 0){
				$(".tt12").show();
				$(".tt1").show();
			}
			
		});
	</script>
</html>

```*前端小白，不足之处多多指教、这是比较基础的方法。下章会用toggle写。*