×
  • Web前端首页
  • jQuery
  • jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑

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

作者:Terry2017.01.27来源:Web前端之家浏览:929评论:0
关键词:JQueryJS

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

报告交付方式:

<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中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/svg1485446400511.html

网友评论文明上网理性发言 已有0人参与

发表评论: