select - 选择隐藏输入的值

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

检查演示

Answer 2

使用 jQuery 更容易：

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

Answer 3

我发现有时您需要使用父表单才能访问子输入。不知道为什么。在这种情况下，给表单一个 id：

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

由于您只有一个隐藏输入，您可以使用 jQuery 来访问它，如下所示：

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