jQuery set DropDownList enabled

Question

I have two DropDownList

<asp:DropDownList ID="ddl1" runat="server" Width="173px" 
                                CssClass="ddl" >
                            </asp:DropDownList>

<asp:DropDownList ID="ddl2" runat="server" Width="173px" 
                                CssClass="ddl" Enabled="False">
                            </asp:DropDownList>

I want when the first one will be ddl1.selectedindex = 3 to enable the second one ddl2

OnSelectedIndexChanged is only needed if you want to populate the values of ddl2 on the fly, it causes a postback to do that. — Willem
– Willem, Commented Mar 19, 2012 at 11:04

Willem · Accepted Answer · 2012-03-19 10:59:39Z

2

You can use the .change event to check the selected value.

demo: http://jsfiddle.net/m8dX3/

javascript:

$('#ddl1').change(function(){
    var ddl1=$(this);
    var ddl2=$('#ddl2');
    if (ddl1.val()==3) { ddl2.removeAttr('disabled'); }
    else { ddl2.attr('disabled','disabled').val(0); }
});

and make sure you use the correct ClientID of the dropdownlists ($('#<%=ddl1.ClientID%>')) or use a classname.

answered Mar 19, 2012 at 10:59

Willem

5,4042 gold badges25 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vimalnath · Accepted Answer · 2012-03-19 13:15:59Z

2

Try this:

if($('[id$="ddl1"]').val() == 3) {
   $('#ddl2').attr("disabled") = "disabled";
}

edited Mar 19, 2012 at 13:15

answered Mar 19, 2012 at 10:59

Vimalnath

6,4732 gold badges29 silver badges47 bronze badges

2 Comments

Josh Darnell Over a year ago

Wouldn't you want $('#ddl2').attr("disabled") = "disabled";? The values for disabled are either "disabled" or "".

Josh Darnell Over a year ago

No problem, I have made that same mistake =)

HeavenCore · Accepted Answer · 2012-03-19 11:01:11Z

0

Just to provide the non-jquery inline approach:

<asp:DropDownList ID="ddl1" runat="server" Width="173px" 
     CssClass="ddl" onchange="if (this.selectedIndex=3) {document.getElementById('ddl2').disabled=false;}">
                            </asp:DropDownList>

<asp:DropDownList ID="ddl2" runat="server" Width="173px" 
                                CssClass="ddl" Enabled="False">
                            </asp:DropDownList>

answered Mar 19, 2012 at 11:01

HeavenCore

7,7036 gold badges49 silver badges65 bronze badges

Collectives™ on Stack Overflow

jQuery set DropDownList enabled

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related