网络编程 
首页 > 网络编程 > 浏览文章

jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑

(编辑:jimmy 日期: 2025/12/25 浏览:3 次 )

例如“报告交付方式”包含固定交付时,第二个下拉框不可编辑,反之可以编辑,具体代码如下

报告交付方式:

<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>

以上所述是小编给大家介绍的jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

上一篇:AngularJS 获取ng-repeat动态生成的ng-model值实例详解
下一篇:JavaScript获取服务器端时间的方法
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。