JavaScript How to load value to text field when choose value in select
CodeGuru Home VC++ / MFC / C++ .NET / C# Visual Basic VB Forums Developer.com
Results 1 to 3 of 3

Thread: How to load value to text field when choose value in select

Hybrid View

  1. #1
    Join Date
    Dec 2013
    Posts
    3

    Thumbs up How to load value to text field when choose value in select

    Hi every one, I have problem need help that, I have a form have 1 select filed and 1 text field, I want when I choose value in option of select the text field will load/appear value in proportion to value of select, example in picture when I choose "B" in select field, the value in text filed will appear "1", so how to do it, I need example to refer, guide or demo example, Thank for read my topic.

    Here is Image:

    Code:
    Code:
    <head>
    <title>Untitled Document</title>
    <style type="text/css">
    </style>
    </head>
    <body>
    	<center>
        <br />
        <form id="cv" action="" method="">
        	Choose Option: <select id="chedo">
            <option>--Choose Value--</option>
            <option>A</option>
            <option>B</option>
            <option>C</option>
            </select>
            <br />
            <br />
            Value: <input type="text" id="lenh" size="40"/>
            <br />
            <br />
            <input type="submit" value="SUBMIT"/>
        </form>
        </center>
    </body>
    </html>

  2. #2
    PeejAvery's Avatar
    PeejAvery is offline Super Moderator Power Poster
    Join Date
    May 2002
    Posts
    10,871

    Re: How to load value to text field when choose value in select

    [ moved thread ]
    If the post was helpful...Rate it! Remember to use [code] or [php] tags.

  3. #3
    PeejAvery's Avatar
    PeejAvery is offline Super Moderator Power Poster
    Join Date
    May 2002
    Posts
    10,871

    Re: How to load value to text field when choose value in select

    The solution you need is JavaScript, not PHP. First you need to do a minor update to your <select>

    Code:
    <select id="chedo" onchange="updateTextInput(this)">
    After that, then it's a simple JavaScript function...

    PHP Code:
    function updateTextInput(elem) {
      var 
    tmpOutput "";

      switch(
    elem.value) {
        case 
    "A":
          
    tmpOutput "1";
          break;
        case 
    "B":
          
    tmpOutput "2";
          break;
        case 
    "C":
          
    tmpOutput "3";
          break;
      }

      
    document.getElementById("lenh").value tmpOutput;

    If the post was helpful...Rate it! Remember to use [code] or [php] tags.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  


Windows Mobile Development Center


Click Here to Expand Forum to Full Width

This is a CodeGuru survey question.


Featured


HTML5 Development Center