Master page dropdownlist doesnt work in jquery?

Question

5.00/5 (1 vote)

See more:

hi friends!!
im working in web application... always trouble master page with server side control.... i need disable some buttons when im clicking dropdownlist... but its not work...
any one pls help me out this...
here is one of the code:

XML

<asp:DropDownList ID="DropDownList1" runat="server" Width="75px">
       <asp:ListItem Value="*">Select</asp:ListItem>
       <asp:ListItem Value="Route">Route</asp:ListItem>
       <asp:ListItem Value="Bus No">Bus No</asp:ListItem>
       <asp:ListItem Value="Shift">Shift</asp:ListItem>
       <asp:ListItem Value="Conductor">Conductor</asp:ListItem>
       <asp:ListItem Value="Driver">Driver</asp:ListItem>
   </asp:DropDownList>

PHP

$(document).ready(function(){
 var $information=$("#lbl_Info");
  $("#DropDownList1").change(function() {
  alert('hi im Work');
            if ($('#selNoOfStudentRecords').val() == "*")
            {
                $("#Button1").attr("disabled", true);
                $("#Button1").removeClass("ButtonStyle");
                $("#Button1").addClass("ButtonDisabled");
                $("#Button2").attr("disabled", true);
                $("#Button2").removeClass("ButtonStyle");
                $("#Button2").addClass("ButtonDisabled");
                $information.html("Please Select Your Options");

            } else {
                $("#Button1").attr("disabled", false);
                $("#Button1").removeClass("ButtonDisabled");
                $("#Button1").addClass("ButtonStyle");
                $("#Button2").attr("disabled", false);
                $("#Button2").removeClass("ButtonDisabled");
                $("#Button2").addClass("ButtonStyle");
                $information.html("Your Option Selected");
            }
        }).change();
 });

regards
sarva

Posted 27-Aug-12 20:02pm

Sarrrva

Add a Solution

Comments

Sandeep Mewara 28-Aug-12 2:14am

Did you debug and see the execution? Any error? Workflow?

Sarrrva 28-Aug-12 2:26am

No error But that dropdownlist change fucntion not fire.... any idea pls?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sarrrva · Accepted Answer · 2012-08-27T21:26:00

finally i solved this Problem:

XML

<script type="text/javascript">
 $(document).ready(function(){
 var btn1 = $("#<%=Button1.ClientID%>");
 var btn2 = $("#<%=Button2.ClientID%>");
 var Sel=$("#<%=DropDownList1.ClientID %>");
 var $information=$("#lbl_Info");
  $(Sel).change(function() {
            if ($(Sel).val() == "*")
            {
                $(btn1).attr("disabled", true);
                $(btn1).removeClass("ButtonStyle");
                $(btn1).addClass("ButtonDisabled");
                $(btn2).attr("disabled", true);
                $(btn2).removeClass("ButtonStyle");
                $(btn2).addClass("ButtonDisabled");
                $information.html("Please Select Your Options");

            } else {
                $(btn1).attr("disabled", false);
                $(btn1).removeClass("ButtonDisabled");
                $(btn1).addClass("ButtonStyle");
                $(btn2).attr("disabled", false);
                $(btn2).removeClass("ButtonDisabled");
                $(btn2).addClass("ButtonStyle");
                $information.html("Your Option");
                            }
        }).change();
 });
 </script>

XML

<asp:DropDownList ID="DropDownList1" runat="server" Width="75px">
        <asp:ListItem Value="*">Select</asp:ListItem>
        <asp:ListItem Value="Route">Route</asp:ListItem>
        <asp:ListItem Value="Bus No">Bus No</asp:ListItem>
        <asp:ListItem Value="Shift">Shift</asp:ListItem>
        <asp:ListItem Value="Conductor">Conductor</asp:ListItem>
        <asp:ListItem Value="Driver">Driver</asp:ListItem>
    </asp:DropDownList>

and One More thing:

we need specify Master Page with Button selector
like this

var btn1 = $("#<%=Button1.ClientID%>");

and textbox selectors
like this format:

$("input[id$='FCDate']").datepicker();