Javascript 单击div而不是点击submit然后传递参数

我有一个表单，表单上有一个提交按钮，可以在页面上的div中打开一个嵌套的php页面

我所要做的就是隐藏submit按钮，并用单击其中一个div来替换它，从而运行一个名为showBiog（key）的脚本，该脚本随后将key传递给表单进行提交。。。。帮助…；-）

$（函数（）{
//调用了.ready（）的处理程序。
$（“#SubmitForm”）.submit（函数（事件）{
$.ajax({
url:'test2.php'，
键入：“POST”，
数据类型：“html”，
数据：$（'#SubmitForm'）。序列化（），
成功：功能（内容）
{
$（“#DisplayDiv”）.html（内容）；
}  
});
event.preventDefault（）；
});
});

HTML是：

 <form id="SubmitForm" method="post">
        <div id="SubmitDiv" style="background-color:black;">
            <button type="submit" class="btnSubmit">Submit</button>
        </div>
</form>

<div class="test" onClick="showBiog(1)"><p>1</p></div>
<div class="test" onClick="showBiog(2)"><p>2</p></div>
<div class="test" onClick="showBiog(3)"><p>3</p></div>
<div class="test" onClick="showBiog(4)"><p>4</p></div>

提交
一,

二,

三,

四,

只需移除按钮元素，然后执行以下操作：

$('#myspecificdiv').on('click', function() {
     $('#SubmitForm').submit();
}

---

您可以隐藏submit按钮并在showBiog（键）中执行其单击操作；就像

function showBiog(key){
//Your code
$('#submit_btn_id').click();
}

---

请将javascript放在document.ready上

<script type="text/javascript">
$(document).ready(function() {   
     $('.class name').on('click',function() {
           $('#SubmitForm').submit();
      });
  });
</script>

$（文档）.ready（函数（）{
$（'.class name'）。在（'click'，function（）上{
$（“#SubmitForm”）.submit（）；
});
});

<script type="text/javascript">
$(document).ready(function() {   
     $('.class name').on('click',function() {
           $('#SubmitForm').submit();
      });
  });
</script>