使用jquery启用/禁用CascadingDropDown

时间:2010-08-20 18:35:57

标签: jquery asp.net-ajax

问候;

我有使用Ajax CascadingDropDown控件的asp.net下拉列表控件。

我也有asp.net复选框控件。我想在使用jquery选中/取消选中复选框时启用/禁用CascadingDropDown。

我尝试了不同的方法,但它们没有工作,如果我想将dropdownlist的enable属性设置为false,它将无法工作,所以我必须将CascadingDropDown enable属性设置为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);

                     });

         }

1 个答案:

答案 0 :(得分:0)

不要为disabled属性定义bool值,只需使用字符串"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元素吗?