點選按鈕時根據select的值判斷是否是需要的選項並顯示div

瑪維影歌發表於2020-09-24

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;
					            }
}

 

相關文章