html - 使用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=""> 

注意“类型=”

在 Chrome 中工作：小提琴

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 示例