使用onfocus更改帶有文本輸入表單ID的隱藏表單的值

Question

如何使用文本表單的id更改隱藏表單的值？我有類似如下：

<form name="form" action="file.php" method="post"> 
<input type="hidden" name="dessert" id="dessert" value=""> 
Favorite cake: <input type="text" name="cake" id="cake" onfocus="dessert.value=this.id"><br> 
Favorite pie: <input type="text" name="pie" id="pie" onfocus="dessert.value=this.id"><br> 
Favorite taffy: <input type="text" name="taffy" id="taffy" onfocus="dessert.value=this.id"><br> 
<input type="submit value="Go."><br> 

我與HTML很陌生，所以我無法用文字輸入的onfocus的ID改變的隱藏表單的值。

Answer 1

嘗試：

<form name="form" action="file.php" method="post"> 
<input type="hidden" name="dessert" id="dessert" value=""> 
Favorite cake: <input type="text" name="cake" id="cake" onfocus="document.getElementById('dessert').value=this.id"><br> 
Favorite pie: <input type="text" name="pie" id="pie" onfocus="document.getElementById('dessert').value=this.id"><br> 
Favorite taffy: <input type="text" name="taffy" id="taffy" onfocus="document.getElementById('dessert').value=this.id"><br> 
<input type="submit value="Go."><br>​​​​​​​ 

使用格式：

onfocus="document.getElementById('dessert').value=this.id" 

jsFiddle example

Answer 2

你的代碼有效，你只是有一個語法錯誤。

<input="hidden" name="dessert" id="dessert" value=""> 

應該是：

<input type="hidden" name="dessert" id="dessert" value=""> 

通知 「TYPE =」

作品在Chrome中：fiddle