用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  清语堂  阅读(827)  评论(0)    收藏  举报