您的位置:首页 > Web前端 > JQuery

jquery easy ui中根据第一个下拉框框选中的值,设置第二个下拉框是否可以编辑

2016-11-29 11:32 309 查看
例如“报告交付方式”包含固定交付时,第二个下拉框不可编辑,反之可以编辑,具体代码如下

报告交付方式:<select class="easyui-combobox" panelHeight="auto"  style="width:195px" data-options="required:true,valueField:'id',textField:'text'
    ,

            onSelect:function(){

                var varSelect = $('#WKBgjffs').combobox('getText'); 

               if(varSelect=='固定交付 网络下载报告'||varSelect=='固定交付'||varSelect=='固定交付+网络下载报告')

               {

                    $('#WKGdjfdz').combobox('enable');  //设置下拉框可编辑

                } 

               else if(varSelect!='固定交付 网络下载报告'&&varSelect!='固定交付'&&varSelect!='固定交付+网络下载报告'){

                     $('#WKGdjfdz').combobox('disable'); //设置下拉框不可编辑

                }

    }

    " id=WKBgjffs>
   <%=options_bgjffs%>
</select>  
固定交付地址:<select class="easyui-combobox" panelHeight="auto" style="width:450px" data-options="valueField:'id',textField:'text'" id="WKGdjfdz">
   <option value="">------ 无 ------</option>
   <%=options_gdjfdz%>
</select>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息