jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
例如“报告交付方式”包含固定交付时,第二个下拉框不可编辑,反之可以编辑,具体代码如下
报告交付方式:
<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>