SELECT VALUE TO HIDDEN INPUT USING HTML AND JAVASCRIPT

john rob

Total Post:108

Points:756
Posted by  john rob
 1167  View(s)
Ratings:
Rate this:
Hi Mindstick!

I know there's already lots of topics about this and i think i read them all but i still can't get it to work. 

I need to update the choosen value from my select to a hidden input field. 

When i try this code for example it doesn't work. When i check the source code the value is still empty. 

What am i doing wrong? 

 <form>

    <select id="dropdown" name="dropdown" onchange="changeHiddenInput(this)">

        <option value="j.hotmail.com">Jens</option>

        <option value="a.hotmail.com">Adam</option>

        <option value="d.homtail.com">Dan</option>

    </select>

    <input type="hidden" name="hiddenInput" id="hiddenInput" value="" />

 </form> 

    function changeHiddenInput (objDropDown)

    {

        var objHidden = document.getElementById("hiddenInput");

        objHidden.value = objDropDown.value;

    }   

Lot's of thanks in advance!

  1. shreesh chandra shukla

    Post:105

    Points:735
    Re: Select value to Hidden input using HTML and javascript

    Hi!

     you should to try this.

    You can use jQuery its much easier:

    var objHidden = $('#hiddenInput').val(objDropDown);

    thanks

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!