easy ui 隐藏文本框

主要是动态来显示隐藏文本框来展示

 html 

<div style="padding-top:10px;padding-left:50px">                    <select class="easyui-combobox"                           style="width:70%" data-options="label:'部门类型:',required:true,prompt:'请选择部门类型',onChange:choose" name="deptnoType" id="deptnoType">                        <option value="1">业务部门</option>                        <option value="2">车队</option>                        <option value="3">大循环</option>                    </select>                </div>                <div style="padding-top:10px;padding-left:50px" id="hidden">                    <select class="easyui-combobox"                           style="width:70%" data-options="label:'是否大循环:',required:true,prompt:'请选择是否拥有大循环'" name="carTeam" id="carTeam">                        <option value="1">是</option>                        <option value="0">否</option>                    </select>                </div>            </div>

js

 function choose(){        var a=$("#deptnoType").combobox("getValue");        console.log(a);        if(a==3){           $("#hidden").css('display','');        }else{            $("#hidden").css('display','none');        }    }

加在文本框上的隐藏属性有可能会使文本框样式变乱所以就扩大啦一下范围在div中样式改变这样对文本框中的样式没什么影响