easyUi初始化隐藏combobox，切换combobox联动显示/隐藏

深碍√TFBOYSˉ_ 2022-05-17 04:18 205阅读 0赞

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>

发表评论取消回复

表情：

评论列表（有 0 条评论，205人围观）

还没有评论，来说两句吧...

相关阅读

相关 =C# +easyui--combobox

C\ +easyui–combobox ![我偏向][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

左手的ㄟ右手/ 2023年01月11日 09:25/ 0 赞/ 177 阅读

相关 easyUI datagrid的combobox的联动效果

最近做项目，大量用到easyui datagrid的方法，也学到了不少东西，先记录下来，方便以后查找 combobox的联动效果和赋值旁边的表格 \{field:'joi

悠悠/ 2022年09月25日 12:21/ 0 赞/ 222 阅读

相关 jquery easyui combobox

普通的combobox： <input id="brandid_C" class="easyui-combobox" name="brandid" d

爱被打了一巴掌/ 2022年08月23日 11:53/ 0 赞/ 241 阅读

相关 easyui combobox

<div id=id+"_type"></div><span style="white-space:pre"> </span> var data=[

雨点打透心脏的1/2处/ 2022年07月21日 08:56/ 0 赞/ 210 阅读

相关 Easyui combobox onChange事件

Easyui combobox onChange事件：注册事件： $(function () { $('cc_id').combob

比眉伴天荒/ 2022年07月18日 05:55/ 0 赞/ 228 阅读

相关 easyui-combobox

在做功能的时候用到easyui的combobox，下拉框经常使用，因此把它的使用方法简单总结如下： html代码部分： <pre name="cod

梦里梦外;/ 2022年07月15日 13:19/ 0 赞/ 199 阅读

相关【easyUI】combobox显示对象内容

背景在某个需求中，使用combobox下拉框来选择下级批准的公司，但公司名称字段在批准对象中的公司对象里面保存。大致结构如下： CompanyPass { C

痛定思痛。/ 2022年06月11日 01:41/ 0 赞/ 191 阅读

相关【easyui】combobox实现二级联动

想要实现的效果类似地址栏的选择，选择不同省之后，下面的地级市联动发生变化思路 1. 在一级的下拉框中，除了ID和NAME之外，还要给数据赋一个Value值

桃扇骨/ 2022年05月26日 06:09/ 0 赞/ 382 阅读

相关关于Easyui combobox 数据不显示问题

还是先上图看效果： ![70][] 这是正确的效果，小编不显示的原因是json数据的问题，下面是API要求的返回json格式： [{ "id"

╰+哭是因爲堅強的太久メ/ 2022年05月23日 08:38/ 0 赞/ 599 阅读

相关 easyUi初始化隐藏combobox，切换combobox联动显示/隐藏

1、jquery初始化页面完成后，用setTimeout隐藏说明：需要延时隐藏，因为easyui初始化combobox是在jquery之后如下：页面加载完成后，隐

深碍√TFBOYSˉ_/ 2022年05月17日 04:18/ 0 赞/ 206 阅读