DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> jQuery Easy UI中根據第一個下拉框選中的值設置第二個下拉框是否可以編輯
jQuery Easy UI中根據第一個下拉框選中的值設置第二個下拉框是否可以編輯
編輯:JQuery入門技巧     

例如“報告交付方式”包含固定交付時,第二個下拉框不可編輯,反之可以編輯,具體代碼如下

報告交付方式:

<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中根據第一個下拉框選中的值設置第二個下拉框是否可以編輯,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved