enable/disable asp:dropdownlist using jquery not working

Question

Why this code isn't working:

jquery:

     $("input[id$='rbtlDestination']").change(function(){
            if ($(this).val() == "To Subsidiary:")
                $("input[id$='ddlSubsidiaries']").removeAttr('disabled');
            else
                $("input[id$='ddlSubsidiaries']").attr('disabled', 'disabled');
     });

html:

    <asp:RadioButtonList ID="rbtlDestination" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" CssClass="FormatRadioButtonListItems">
                <asp:ListItem Selected="True" Value="To Work">To Work</asp:ListItem>
                <asp:ListItem Value="To Subsidiary:">To Subsidiary:</asp:ListItem>
    </asp:RadioButtonList>

    <asp:DropDownList ID="ddlSubsidiaries" runat="server" Width="160px" Enabled="false" 
                    DataSourceID="odsSubsidiaries" DataTextField="Subsidiary" 
                    DataValueField="IdSubsidiary">
    </asp:DropDownList>

Rendered:

<span id="ctl00_ContentPlaceHolder1_rbtlDestination" class="FormatRadioButtonListItems">
<input id="ctl00_ContentPlaceHolder1_rbtlDestination_0" type="radio" name="ctl00$ContentPlaceHolder1$rbtlDestination" value="To Work" checked="checked" />
<label for="ctl00_ContentPlaceHolder1_rbtlDestination_0">To Work</label>
<input id="ctl00_ContentPlaceHolder1_rbtlDestination_1" type="radio" name="ctl00$ContentPlaceHolder1$rbtlDestination" value="To Subsidiary:" />
<label for="ctl00_ContentPlaceHolder1_rbtlDestination_1">To Subsidiary:</label></span>


<select name="ctl00$ContentPlaceHolder1$ddlSubsidiaries" id="ctl00_ContentPlaceHolder1_ddlSubsidiaries" disabled="disabled" style="width:160px;">
<option selected="selected" value="2">Sub A</option>
<option value="1">Sub B</option>

Can you show me rendered html of radiobuttonlist and dropdownlist? — Rashmin Javiya
– Rashmin Javiya, Commented May 2, 2014 at 16:34

Rashmin Javiya · Accepted Answer · 2014-05-02 17:02:22Z

Try this,

Javascript

$(document).ready(function () {
    $(".FormatRadioButtonListItems input[type=radio]").change(function () {
        if ($(this).val() == "To Subsidiary:")
            $(".ddlSubsidiaries").prop("disabled", false)
        else
            $(".ddlSubsidiaries").prop("disabled", true)
    });
});

Asp.net

<asp:RadioButtonList ID="rbtlDestination" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" CssClass="FormatRadioButtonListItems">
            <asp:ListItem Selected="True" Value="To Work">To Work</asp:ListItem>
            <asp:ListItem Value="To Subsidiary:">To Subsidiary:</asp:ListItem>
</asp:RadioButtonList>

<asp:DropDownList ID="ddlSubsidiaries" runat="server" Width="160px" Enabled="false" 
                DataSourceID="odsSubsidiaries" DataTextField="Subsidiary" 
                DataValueField="IdSubsidiary" CssClass="ddlSubsidiaries">
</asp:DropDownList>

Collectives™ on Stack Overflow

enable/disable asp:dropdownlist using jquery not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related