easyUi初始化隱藏combobox,切換combobox聯動顯示/隱藏
阿新 • • 發佈:2019-02-15
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>