How to select a value in dropdown using the value of textbox

Question

0.00/5 (No votes)

See more:

Hello Guys,

I am executing a simple example of selecting the item from the dropdown list by using the value of a textbox.
The idea is:
If I have a dropdown list, suppose with values red, blue, green, yellow and so on.

And a simple html textbox.

Now suppose if I type red into the textbox then leave the textbox then automatically the dropdown list value should be selected to red value if it contains red value item.

I have tried many things in this but don't know the exact syntax.

thanks

Arvind Thakur

Posted 29-Jul-11 1:31am

123arvind123

Add a Solution

2 solutions

Solution 1

try to find Out in the following way

XML

<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    <!--
    function setDropDownList(elementRef, valueToSetTo)
    {
     var isFound = false;
     for (var i=0; i<elementRef.options.length; i++)
     {
      if ( elementRef.options[i].value == valueToSetTo )
      {
       elementRef.options[i].selected = true;
       isFound = true;
      }
     }
     if ( isFound == false )
      elementRef.options[0].selected = true;
    }
    function setDatosCGA(strEstadoCarta)
    {
     setDropDownList(document.getElementById('<%=DropDownList1.ClientID %>'), strEstadoCarta);
    }
    function Button1_onclick() {
        setDatosCGA('cc');
    }
    // -->
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server">
            <asp:ListItem>aa</asp:ListItem>
            <asp:ListItem>bb</asp:ListItem>
            <asp:ListItem>cc</asp:ListItem>
            <asp:ListItem>dd</asp:ListItem>
            <asp:ListItem>ee</asp:ListItem>
        </asp:DropDownList>
        <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
    </div>
    </form>
</body>

Posted 29-Jul-11 1:35am

Mahendra.p25

Comments

123arvind123 29-Jul-11 7:41am

sorry but I am using simple html dropdown and textbox..see my questions tags.

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)

Manas Bhardwaj · Accepted Answer · 2011-07-29T01:42:00

C#

function ChangeColors()
        {
            var colors = document.getElementById("colors");
            var entryColor = document.getElementById("entrybox").value;
            for (var i = 0; i < colors.length; i++)
            {
                if(entryColor == colors[i].innerText)
                {
                    colors[i].selected = true;
                }
            }
        }