選擇值隱藏輸入

我知道已經有很多關於這方面的話題，我想我讀了所有，但我仍然無法使它工作。選擇值隱藏輸入

我需要將選擇的值從我的選擇更新爲隱藏的輸入字段。

當我嘗試這段代碼，例如它不起作用。當我檢查源代碼的價值仍然是空的..

我做錯了什麼？

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

來源

2013-03-26 user2210516

我認爲你需要這樣的： -

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

檢查demo

來源

2013-03-26 13:47:16 ssilas777

http://jsfiddle.net/nd2PL/5/i源代碼的值仍然是值='' – user2210516 2013-03-26 13:49:09

檢查此，其工作http://jsfiddle.net/ssilas777/JBusc/ – ssilas777 2013-03-26 14:04:00

使用jQuery它要容易得多：

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

來源

2013-03-26 13:52:35 Niventh

你的意思是這樣的？函數changeHiddenInput（objDropDown） {var objHidden = $（'＃hiddenInput'）。val（objDropDown）; } – user2210516 2013-03-26 14:00:42

@ user2210516是的 – Niventh 2013-03-26 14:23:17

我發現，有時候你需要使用父窗體爲了訪問子輸入。不知道爲什麼。在這種情況下，給予形式的ID：

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

因爲你只有一個隱藏的輸入，你可以使用jQuery來訪問它，像這樣：

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

來源

2013-03-26 14:12:57 KalenGi

選擇值隱藏輸入

回答

相關問題