用javascript提交表单

 

JavaScript代码部分:

<script type="text/javascript">
function TiJiao()
{
   document.getElementById("BiaoDan").action="JieShou.php";      根据form 的id取form
   document.getElementById("BiaoDan").submit();
}

</script>
表单部分:
<form id="BiaoDan" name="BiaoDan" method="post">
 <input type="button" name="button" id="button" value="提交" onclick="TiJiao()" />
</form>

  

在form表单提交中,使用button来间接完成submit的提交更为灵活。下面是实现方法:

使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在javascript中实现具体,代码如下:

 

<head>
 <script type="text/javascript">
 function submitBtnClick(){
    document.fileForm.submit();      form名称
 }
 </script>
 </head>
 <body>
 <form action="../welcome.jsp" name="fileForm">
 <input type="file" value="请选择图像">
 <button id="submitBtn"  Onclick="submitBtnClick()">检索</button>
 </form>
 </body>

  

上文代码通过document选中fileForm表单,然后在调用该表单的submit方法即可实现用button按钮间接完成submit方法的功能,但说到底还是调用submit方法。

posted @ 2021-03-15 14:16  清语堂  阅读(791)  评论(0编辑  收藏  举报