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>   

 

发布了246 篇原创文章 · 获赞 171 · 访问量 86万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览