使用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

您的代码有效，您只是语法错误。

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

应该是：

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

注意“type =”

适用于Chrome：fiddle

Answer 2

尝试：

<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