如何在html中使用java腳本替換隱藏值dynmaicaly

<form method="post" name="test" id="test"> 
<input type="hidden" name="listname" value="qpaustin" /> 
<select name="customCity" id="customCity" onchange="javascript:onChangeHiddenValue(this.value);"> 
<option value="qpneworleans" >qpneworleans</option> 
<option selected="selected" id="listSelectionActiveOption" value="qpnewyork" >qpnewyork</option> 
<option value="qporangecounty">qporangecounty</option> 
<option value="qporlando">qporlando</option> 
</select> 
</form> 
<script type="text/javascript"> 
function onChangeHiddenValue(cityName) 
{ 

    alert(document.getElementById('customCity').value); 

} 
</script>

我需要動態地使用javascript更改隱藏值「listname」。如何在html中使用java腳本替換隱藏值dynmaicaly

例如，當前listname的值是qpaustin。但是，當我將值更改爲qpneworleans時，應將「listname」值替換爲qpneworleans。

如何做到這一點。

請諮詢。在此先感謝

來源

2010-06-23 Fero

什麼？這是一個問題嗎？ – 2010-06-23 06:25:25

是的。當然。我有什麼不對嗎？ – Fero 2010-06-23 06:34:47

幾點意見：

的onchange事件應綁定到select元素，無以option s。
給你的表單一個名稱，這將使編程訪問更容易，例如， document.forms['formName']

例如：

<form method="post" name="form1"> 
    <input type="hidden" name="listname" value="qpaustin" /> 
    <select name="customCity" onchange="onChangeHiddenValue(this.value);"> 
    <option value="qpneworleans">qpneworleans</option> 
    <option selected="selected" value="qpnewyork">qpnewyork</option> 
    <option value="qporangecounty">qporangecounty</option> 
    <option value="qporlando" >qporlando</option> 
    </select> 
</form> 

<script type="text/javascript"> 
function onChangeHiddenValue(cityName) { 
    // DOM2 standard way to access forms and elements 
    document.forms['form1'].elements['listname'].value = cityName; 
} 
</script>

檢查上面的例子here。

來源

2010-06-23 06:32:19 CMS

這就是我想要的。謝謝CMS – Fero 2010-06-23 07:41:01

不客氣@Fero，很高興幫助！ – CMS 2010-06-24 00:24:48

它更好，如果你可以給隱藏的元素id。像

<input type="hidden" id="listname" name="listname" value="qpaustin" />

和你的JavaScript來賦值到該元素的東西將是

document.getElementById("listname").value = cityName;

來源

2010-06-23 06:25:23 rahul

除了Rahul提供的解決方案外，您還可以嘗試以下內容。

document.test.listname.value = cityName;

在Javascript中，您可以通過名稱引用表單元素。

來源

2010-06-23 06:37:37 Ravish

如何在html中使用java腳本替換隱藏值dynmaicaly

回答

相關問題