javascript - this.form 没有在 JavaScript 函数中传递表单

Question

我的单个网页上有太多表单，每个表单都有不同的名称。现在，我在每个表单中都有一个按钮，用于获取带有固定参数的表单并将其传递给 JavaScript 函数。但就我而言，它不起作用，并给出错误:Uncaught TypeError: Cannot read property 'name' of undefined 或 `Uncaught ReferenceError: updateContact is not Defined。我的脚本文件附加在这些表格之前以及这些表格之后以进行检查。可以看直播DEMO At JSFiddle出现此错误。

JavaScript:

<script type="text/JavaScript">
function updateContact(formName, id){
    var currentFormName = formName.name;
    alert(currentFormName + " - " + id);
}
</script>

HTML:

<form method="post" action="" name="updateAllContact0">
<a onClick="updateContact(this.form, 0)" >Update</a>
</form>
<form method="post" action="" name="updateAllContact1">
<a onClick="updateContact(this.form, 1)" >Update</a>
</form>
<form method="post" action="" name="updateAllContact2">
<a onClick="updateContact(this.form, 2)" >Update</a>
</form>
<form method="post" action="" name="updateAllContact3">
<a onClick="updateContact(this.form, 3)" >Update</a>
</form>
<form method="post" action="" name="updateAllContact4">
<a onClick="updateContact(this.form, 4)" >Update</a>
</form>
<form method="post" action="" name="updateAllContact5">
<a onClick="updateContact(this.form, 5)" >Update</a>
</form>
<!--
.
// Too Many Forms Of Unknown Length
.
<form method="post" action="" name="updateAllContactN">
<a onClick="updateContact(this.form, N)" >Update</a>
</form>
-->

现在我的代码有什么问题......？？？

Answer 1

尝试替换 this.parentElement.form对于 this.form 。 <a>元素没有form子节点。 <form>是 .parentElement的<a>元素。