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>