区域地图 onclick sumbit 不起作用答案

【问题标题】：area map onclick sumbit not working区域地图 onclick sumbit 不起作用
【发布时间】：2023-03-30 11:15:01
【问题描述】：

您好，我下面的代码不起作用（我无法点击区域地图并且它没有提交表单）：

<form method="post" action="" style="margin:0; padding:0">
<input type="hidden" name="myForm" id="myForm" value="ADPR">
<input type="hidden" name="Product_Code" value="50347">
<input type="hidden" name="Quantity" value="1">
<input type="hidden" name="Screen" value="OINF">
<input type="hidden" name="Attributes" value="Yes">
<input type="hidden" name="Store_Code" value="AP">

<img src="test.jpg" alt="" width="622" height="86" usemap="#Map" border="0">
<map name="Map">
    <area shape="rect" coords="514,68,622,86" style="cursor:pointer;" onclick="document.getElementById("myForm").submit()" alt="Submit request" nohref >
  </map>
  </form>

我得到的错误：Uncaught TypeError: Object # has no method 'submit'

你能帮帮我吗？

【问题讨论】：

请不要使用“固定”版本的代码编辑您的 OP。这样做会使所有答案变得毫无意义，使它们遭受不应有的反对票，并阻碍新的答案。如果答案解决了您的问题，请单击对勾“接受”它。
我不知道，谢谢

标签： javascript html css forms submit

【解决方案1】：

您可能想要设置表单的 id：

<form id="myForm" method="post" action="" style="margin:0; padding:0">

【讨论】：

你知道为什么这不起作用吗：style="cursor:pointer;"它没有显示区域地图所在的光标？

【解决方案2】：

您尚未为表单定义 ID。 myForm 是您输入的 id 而不是您的表单。
使用单引号转义您的 onclick 事件处理程序：document.getElementById('myForm').submit()

【讨论】：