jquery with asp.net dropdownlist

Question

i have numbers of dropdownlist, so i want to change event of every dropdownlist in form, when i select particular dropdownlist item then it will fire event for particular dropdownlist only... here is two sample of dropdownlist

 <asp:DropDownList ID="ddlGender" runat="server" AutoPostBack="True">

     <asp:DropDownList ID="ddlMaritalStatus" runat="server" AutoPostBack="True">

Please help me as soon as possible Thank you

I tried this

 $(document).ready(function () {
    $('input:text').each(function () {
        $(this).attr('disabled', true);
    });
    $("select").change(function () {
        alert(this.value);
        if (this.value != "User Select") {
            alert(this.value);
            $('input:text').each(function () {
                $(this).attr('disabled', false);
            });

        }
        if (this.value == "User Select") {
            $('input:text').each(function () {
                $(this).attr('disabled', true);
            });
        }
    })
});

here last condition is not working, please help

What have you tried? What isn't working? And what does this have to do with jQuery? (Hint: These are set to AutoPostBack="True" which is going to reload the whole page, rendering any JavaScript event handlers moot.) — David
– David, Commented Mar 19, 2014 at 10:01

Adil · Accepted Answer · 2014-03-19 10:06:56Z

1

You can assign a common class to all dropdownlist and use class selector to bind the change event using jQuery

HTML

<asp:DropDownList ID="ddlGender" class="ddl" runat="server" AutoPostBack="True">
<asp:DropDownList ID="ddlMaritalStatus" class="ddl" runat="server" AutoPostBack="True">

Javascript

$('.ddl').change(function(){
     alert(this.id);
 });

If you do not want to use class selector, you will need to bind event with id selector

$('#<%= ddlGender.ClientID %>, #<%= ddlMaritalStatus.ClientID %>').change(function(){
     alert(this.id);
});

edited Mar 19, 2014 at 10:06

answered Mar 19, 2014 at 10:01

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Comments

Jameem · Accepted Answer · 2014-03-19 10:05:02Z

0

You can write a javascript function and invoke it on onchange event of dropdownlist...

    DropDownList ID="ddlGender" class="ddl" runat="server" AutoPostBack="True" onchange="Check()">
    <asp:DropDownList ID="ddlMaritalStatus" class="ddl" runat="server" AutoPostBack="True" onchange="Check()">

    function Check()
    {
       alert('Hii');
    }

answered Mar 19, 2014 at 10:05

Jameem

1,8383 gold badges15 silver badges26 bronze badges

Comments

Narendra · Accepted Answer · 2014-03-19 10:09:53Z

0

Use SelectedIndexChanged event.

<asp:DropDownList ID="ddlGender" runat="server" AutoPostBack="True" OnSelectedIndexChanged="EventHandler1">
     <asp:DropDownList ID="ddlMaritalStatus" runat="server" AutoPostBack="True" OnSelectedIndexChanged="EventHandler2">

In code-behind add below functions for each dropdownlist

void EventHandler1(Object sender, EventArgs e) 
{
   // code for event handler1
}


void EventHandler2(Object sender, EventArgs e) 
{
   // code for event handler1
}

For more details check example given in below link

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.listcontrol.selectedindexchanged(v=vs.110).aspx

answered Mar 19, 2014 at 10:09

Narendra

3,1157 gold badges33 silver badges51 bronze badges

1 Comment

user3166530 Over a year ago

Thanx brother, but i would like it with jquery or javascript... Thanx :D

Collectives™ on Stack Overflow

jquery with asp.net dropdownlist

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related