1. 程式人生 > >easyUi初始化隱藏combobox,切換combobox聯動顯示/隱藏

easyUi初始化隱藏combobox,切換combobox聯動顯示/隱藏

1、jquery初始化頁面完成後,用setTimeout隱藏

說明:需要延時隱藏,因為easyui初始化combobox是在jquery之後

如下:頁面載入完成後,隱藏job的combobox(用fadeOut也是有原因的,不然easyui的combobox載入會出問題)

<script type="text/javascript">
$(function(){
	//初始隱藏
	setTimeout(function () {
		$('#job').next(".combo").fadeOut(1);
	},100);
	
	//根據選擇,動態控制combobox顯示隱藏
	$("#userType").combobox({
            onChange:function (now,old) {
                console.log(now);
                if (now == "STAFF_PURCHASE"){
                    $('#job').next(".combo").fadeOut();
                }else{
                    $('#job').next(".combo").fadeIn();
                }
            }
        });
})
</script>



<select id="userType" name="userType" class="easyui-combobox" data-options="width:100,height:29,editable:false,panelHeight:'auto'">
	<option value="STAFF" selected="selected">員工</option>
	<option value="STAFF_PURCHASE">採購</option>
</select>

<select id="job" name="job" class="easyui-combobox" data-options="width:80,height:29,editable:false,panelHeight:'auto'">
	<option value="">--身份--</option>
	<option value="客戶經理">客戶經理</option>
	<option value="設計師">設計師</option>
</select>