Выберите значение для Скрытого ввода

Question

Я знаю, что в нем уже много тем, и я думаю, что я прочитал их все, но я все еще не могу заставить его работать.

Мне нужно обновить выбранное значение от моего выбора до скрытого поля ввода.

Когда я пытаюсь использовать этот код, например, он не работает. Когда я проверяю исходный код, значение все еще пусто.

Что я делаю неправильно?

<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; 
    } 

Answer 1

Я думаю, что вам это нужно: -

function changeHiddenInput (objDropDown) 
{ 
    document.getElementById("hiddenInput").value = objDropDown.value; 
} 

Проверить demo

Answer 2

использование JQuery его гораздо проще:

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

Answer 3

Я обнаружил, что иногда вам нужно используйте родительскую форму для доступа к входным данным. Не знаю, почему. В этом случае, дайте форме идентификатор:

<form id="hotmail"> 
    <!-- Form stuff --> 
</form> 

Поскольку у вас есть только один скрытый вход, вы могли бы использовать JQuery, чтобы получить доступ к нему, как так:

var selectedValue = $("#dropdown option:selected").val(); 
$("#hotmail input[type=hidden]").val(selectedValue);