javascript for selecting option of dropdownlist on selecting option from other dropdown

Question

0.00/5 (No votes)

See more:

Javascript

i need javascript when i select option of dropdownlist then option of 2nd dropdown should be automatically selected

Posted 25-Aug-13 19:26pm

Mann Rai

Add a Solution

Comments

Thanks7872 26-Aug-13 1:42am

Have you tried something or not?

Mann Rai 26-Aug-13 3:01am

I have tried this code bt it is not working
plz help me

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>dropdown</title>
</head>
<script type="text/javascript">

function ChngDDl2() {
var ddlValue = document.getElementById("<%=ddl1.ClientID%>").value;
if (ddlValue == one) {
document.getElementById("<%=ddl2.ClientID%>").value = "This is aple";
}
if (ddlValue == two) {
document.getElementById("<%=ddl2.ClientID%>").value = "This is onion";
}

}

</script>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="ddl1" onchange="ChngDDl2();" runat="server">
<asp:ListItem>one
<asp:ListItem>Two

<asp:DropDownList ID="ddl2" runat="server">
<asp:ListItem>This is aple
<asp:ListItem>This is onion

<br />
<br />
<br />
</div>
</form>

</body>
</html>

2 solutions

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)

TrushnaK · Answer 1 · 2013-08-25T19:51:00

Solution 1

Expand this function with your needs:-

C#

function ChngDDl2()
    {
         var ddlValue=document.getElementById("<%=ddl1.ClientID%>").value;
         if(ddlValue == 1)
         {
                 document.getElementById("<%=ddl2.ClientID%>").value="1";
         }

     }

Posted 25-Aug-13 19:51pm

TrushnaK

Comments

Mann Rai 26-Aug-13 2:39am

where to call chngDDl2()???

Mann Rai 26-Aug-13 2:49am

<pre lang="xml"><asp:DropDownList ID="ddl1" runat="server">
<asp:ListItem>one</asp:ListItem>
<asp:ListItem>Two</asp:ListItem>
</asp:DropDownList>
i have this code
      
<asp:DropDownList ID="ddl2" runat="server">
<asp:ListItem>This is aple</asp:ListItem>
<asp:ListItem>This is onion</asp:ListItem>
</asp:DropDownList></pre>

TrushnaK 26-Aug-13 3:56am

on ypur first DDl OnSelectedIndexChanged Event
<asp:DropDownList ID="ddl1" runat="server" OnSelectedIndexChanged="chngDDl2()">

Mann Rai 26-Aug-13 5:36am

it is not working plz help me

TrushnaK 26-Aug-13 5:38am

have you checked function gets called on changing index... If not then add alert msg in that function. if alert box comes and your function not called then tell me

Mann Rai 26-Aug-13 6:02am

i have tried onselctedindexchnged bt it gives this error
CS1061: 'ASP.admissions_rough_aspx' does not contain a definition for 'chngDDl2' and no extension method 'chngDDl2' accepting a first argument of type 'ASP.admissions_rough_aspx' could be found (are you missing a using directive or an assembly reference?)

TrushnaK 26-Aug-13 6:07am

try this hope its works.
<asp:DropDownList ID="ddl1" runat="server" onchange="chngDDl2()">

TrushnaK 26-Aug-13 6:14am

sorry that was my mistake....

Mann Rai 26-Aug-13 6:19am

i have already tried this but it is not working

TrushnaK 26-Aug-13 6:26am

take a look to this :- http://jsfiddle.net/r6Fus/960/

Mann Rai 26-Aug-13 6:35am

thnks alot this is working

Mann Rai 26-Aug-13 6:30am

have any solution plz help me

Mann Rai 26-Aug-13 6:45am

similarlly i want to apply this for checkboxes..if i check one checkbox then other checkbox should be checked by using javascript

TrushnaK 26-Aug-13 6:54am

Write simillar function and called it on checkbox's
onclick="function ()" event

Mann Rai 26-Aug-13 7:04am

i have this code plz tell me how to make function and how to call that function

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<body>
<form id="form1" runat="server">
<div>
<asp:CheckBox ID="chk1" runat="server" Text="IAS" />
<asp:CheckBox ID="chk2" runat="server" Text="PCS" />
<br />
<br />
<br />
<br />
<asp:CheckBox ID="chk3" runat="server" Text="This is IAS" />
<asp:CheckBox ID="chk4" runat="server" Text="This is PCS" />
</div>
</form>
</body>

</html>

TrushnaK 26-Aug-13 7:18am

do something yourself m just help you... m not going to write all your code.

TrushnaK · Answer 2 · 2013-08-26T00:36:00

you have not assigned values to dropdown listitems
This is your final soln:-

XML

function ChngDDl2() {
       var ddlValue = document.getElementById("<%=ddl1.ClientID%>").value;
        if (ddlValue == "1") {
            document.getElementById("<%=ddl2.ClientID%>").value = "This is aple";
        }
        if (ddlValue == "2") {
            document.getElementById("<%=ddl2.ClientID%>").value = "This is onion";
        }

    }


<asp:DropDownList ID="ddl1" onchange="ChngDDl2();" runat="server">
         <asp:ListItem value="1" text="one"></asp:ListItem>
         <asp:ListItem value="2" text="two"></asp:ListItem>

</asp:DropDownList>

<asp:DropDownList ID="ddl2" runat="server">
        <asp:ListItem value="1" text=""></asp:ListItem>
        <asp:ListItem value="2" text=""></asp:ListItem>
 </asp:DropDownList>