javascript - 单击表单 1 中的按钮 : change value of hidden input in form 2 (pure javascript)

Question

标记:

<form action="index.php" method="post" name="formOne">
    <input type="button" value="Test" onClick="change('myHiddenField')">
    <input type="submit" value="Submit">
</form>

<form action="index.php" method="post" name="formTwo">
    <input name="myHiddenField" type="hidden" value="test">
</form>

我想在单击formOne中的按钮时更改formTwo中隐藏字段的值。我希望仅使用简单的 JavaScript(而不是 JQuery)来完成此操作，并且无需向输入添加 ID(仅通过它们的名称)。

我尝试过这个 JavaScript 函数:

function change(field) {
    alert(field.value);
}

如果我将隐藏输入移动到 formOne，它会输出正确的值。修改该函数以输出 formTwo 中隐藏字段的值的最简单方法是什么？

我也尝试过这个，但不起作用:

function change(field) {
    alert(document.forms[formTwo].field.value);
}

我想要一些简单的东西来完成这项任务。可能吗？

Answer 1

<form action="index.php" method="post" name="formOne">
    <input type="button" value="Test" onClick="change('myHiddenField')">
    <input type="submit" value="Submit">
</form>

<form action="index.php" method="post" name="formTwo">
    <input name="myHiddenField" type="hidden" value="test">
</form>

首先你缺少一个结束语“)”。其次，您需要一个 Javascript 来处理用户的操作(此代码应放置在 </html> 标记之前)。

<script>
   function change(element)
     {
       document.getElementsByName(element)[0].value = "other_value";
     }
</script>

(假设 myHiddenField 是第一个或唯一具有此名称属性的元素。)

仅此而已。