[JavaScript] 无法读取未定义的属性“值”

1. 我想做什么/当前代码

我想用 JavaScript 的 submit 事件发送一个表单。

单击图像将触发 JavaScript 事件并最终提交表单。

<td><a href="javascript:void(0);" onclick="javascript:submitHoge( hoge_id );return false;"><img src="/images/icon_smile.gif" /></a></td>

function submitHoge( hoge_id ){     
    document.form3.hoge_id.value = hoge_id;
    document.form3.submit();
}

<form name="form3" action="./sample_a.asp" method="post">
<input name="hoge_id" type="hidden" value="" />
</form>

1-1. 关于各代码项目

(1)a href="javascript:void(0);"

物品	内容
`<a href="JavaScript:スクリプトコード”>リンクテキスト</a>`	将脚本嵌入到锚标签的 href 属性中（JavaScript 伪协议）
无效运算符	什么都不返回
无效（0）	抑制锚标记的原始操作（链接）。当您想以链接格式显示文本但将处理留给脚本时使用。

（2）返回假；

在这种情况下，描述了中断浏览器侧的“点击链接以转换画面”的处理。

(3) form.submit()

提交表单的内容（发送到服务器端或其他页面）。

(4) 隐藏

通过在标签中指定type=hidden，您可以发送浏览器上不显示的隐藏数据。

* 您可以从 HTML 源代码中看到它。

（五）岗位沟通

发送信息的请求。个人信息、密码等在 URL 中不带参数发送。

2.环境

windows 10 版本 21H2
ASP

3.错误

变成Cannot read property 'value' of undefined。

它说“无法读取未定义的属性'值'”。

function submitHoge( hoge_id ){     
    document.form3.hoge_id.value = hoge_id; // ここでエラー
    document.form3.submit();
}

<form name="form3" action="./sample_a.asp" method="post">
<input name="hoge_id" type="hidden" value="" />
</form>

“hoge_id，但是……？”

4.原因

重复的表格名称正在做··。

我写的代码上面有一个form3，那里没有document.form3.hoge_id.value。如有重复，则指第一种形式。

↓ 这是被引用的另一部分中的 form3。当然不是hoge_id。

<form name="form3" method="post" action="./sample_b.asp">
<input type="hidden" name="keyword" value="<%=sKeyword%>"/>
<input type="hidden" name="status" value="<%=sStatus%>"/>
</form>

5.最终代码

该错误已通过更正表单名称得到解决。

<td><a href="javascript:void(0);" onclick="javascript:submitHoge( hoge_id );return false;"><img src="/images/icon_smile.gif" /></a></td>

function submitHoge( hoge_id ){     
    document.form4.hoge_id.value = hoge_id; 
    document.form4.submit();               
}

<form name="form4" action="./sample_a.asp" method="post">
<input name="hoge_id" type="hidden" value="" />
</form>

6. 印象

我花了很长时间才弄清楚即使是最简单的事情。

我想在查看整个代码并检查运动的同时实现它。

7. 参考

Yoshihiro Yamada，修订后的新版 JavaScript 介绍 ~ 从基础到现代风格的现场应用，Gijutsuhyoronsha，2016

8. 最后

如果您有任何印象、意见、建议等，我将不胜感激。
感谢您的阅读。

原创声明：本文系作者授权爱码网发表，未经许可，不得转载;

原文地址：https://www.likecs.com/show-308623643.html

目录