在表单1中单击按钮：在表单2中更改隐藏输入的值（纯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是具有此name属性的第一个或唯一元素。）

就这样。

Answer 2

经过测试后，我发现上述答案也仅在隐藏输入在formOne中有效。 最终，我找到了一个解决方案，并且在这里找到了它： http : //www.w3schools.com/jsref/coll_doc_forms.asp 。

function change(index)
{
    document.forms['formTwo'].item(index).value = "other_value";
}