Question

我知道已经有很多关于此的主题，我想我已经阅读了所有这些但我仍然无法让它工作。

我需要将select中的选择值更新为隐藏的输入字段。

当我尝试此代码时，它不起作用。当我检查源代码时，该值仍然是空的..

我做错了什么？

 <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

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

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

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

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

选择隐藏输入的值

3 个答案: