点击按钮时根据select的值判断是否是需要的选项并显示div

最新推荐文章于 2021-02-01 17:26:32 发布

江苏省精神病院玛主任

最新推荐文章于 2021-02-01 17:26:32 发布

阅读量2.2k

点赞数 2

本文链接：https://blog.csdn.net/JINX1024/article/details/108779132

版权

html部分

<select name="yb" id="select"  onchange="show_sub(this.options[this.options.selectedIndex].value)"  lay-verify="required">
				<option value="">请选择</option>
				<option value="1">初级</option>
				<option value="2">高级</option>
</select>

js部分

 function show_sub(v){     
						    params.value = v  
}
  var btn = document.getElementById("btn");
						btn.onclick=function(){
							checkField(params.value)
}

这里是我之前直接选择select的选项更改样式的，上面是调用了一下

function checkField(val){
					            switch(val){
					                case '2':
					                    $("#gaoji").css('display','block');
					                      $("#gaoji").css('display','block');
					                      $("#dsb").css('display','block');
					                       $("#dsb").css('display','inline-block');
					                    break;
					             case '1':
				                    $("#gaoji").css('display','none');
				                     $("#dsb").css('display','none');
                                    break;
					            }
}