easy ui 隐藏文本框

最新推荐文章于 2024-01-18 14:59:58 发布

原创最新推荐文章于 2024-01-18 14:59:58 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

eay ui 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了在Easy UI框架下如何实现文本框的隐藏功能，包括相关HTML代码和可能遇到的问题及解决方案，帮助开发者更好地掌握Easy UI的使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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>

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

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