2010-08-20 29 views
0

问候;使用jquery启用/禁用CascadingDropDown

我有asp.net dropdownlist控件与Ajax CascadingDropDown控件。

我也有我的asp.net复选框控件。我想启用/禁用CascadingDropDown当复选框选中/取消选中使用jQuery。

我尝试了不同的方式,但他们没有工作,如果我想将dropdownlist的启用属性设置为false,它将无法工作,因此我必须将CascadingDropDown启用属性设置为false以禁用它,但我不知道如何。

这是我试过的代码之一:

<asp:CheckBox ID="chkWF" runat="server" onclick="enableDDL"/> 

<asp:DropDownList ID="WF" runat="server"></asp:DropDownList> 

<cc1:CascadingDropDown ID="WF_CascadingDropDown" runat="server" 
        TargetControlID="WF" 
        Category="WF" 
        LoadingText="Please Wait ..." 
        PromptText="Select Work Field ..." 
        ServiceMethod="GetWorkField" 
        ServicePath="../ServiceTags.asmx" Enabled="True"> 
       </cc1:CascadingDropDown> 






function enableDDL() { 

      $('#<%= chkOccup.ClientID %>').click(function() { 
       if ($('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled') != true) 
        $('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled', true); 
       else 
        $('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled', false); 

        }); 

     } 

回答

0

而不是定义一个布尔值的属性disabled只使用字符串"disabled"并启用它,只需删除该属性。

function enableDDL() { 
    $('#<%= chkOccup.ClientID %>').click(function() { 
     if ($('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled')) 
      $('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled', 'disabled'); 
     else 
      $('#<%= WF_CascadingDropDown.ClientID %>').removeAttr('disabled'); 
    }); 
} 

如果不工作,你肯定$('#<%= WF_CascadingDropDown.ClientID %>')结果是select元素?