单击表单中的div元素后,this.form.submit()无效

Question

我试图使用鼠标点击测试表单提交,但表单似乎没有提交与vanilla javascript.

我正在使用这个简单的标记和代码:

<form name="form" id="price" action="" method="post">
<div class="category" name="price" value="50 dollars" 
onClick="this.form.submit();"
>price</div>

</form>

<?php
echo $_POST['price'];

?>

我可以用Jquery提交表单,但我不明白为什么this.form.submit()不使用vanilla javascript？我正在使用Chrome来测试这个.

Answer 1

A div不是表单元素.没有this.form它.

你仍然可以document.forms.form.submit()(.form因为你有name="form")