前言
<a href=”javascript:;” onclick=”document.getelementbyid(' ').submit();”>提交</a> 提交没有效果,没用?
那么怎么正确的使用a标签实现submit提交按钮的效果呢?
具体思路:用a标签的onclick事件,通过下面两种方式都可以获取表单,然后执行form表单的提交操作,也就是执行submit事件。
方案
<form name="forms2" action="//baidu.com/222222" method="post" target="_blank"> 表单1(name=forms2):<input type="text" name="stu_n" value="222222" /> </form> <form name="forms1" action="//baidu.com/111111" method="post" target="_blank"> 表单2(name=forms1):<input type="text" name="stu_n" value="111111" /> </form> <form name="forms3" action="//baidu.com/333333" method="post" target="_blank"> 表单3(name=forms3):<input type="text" name="stu_n" value="333333" /> </form> -----------<br><br> <!--forms[0] forms[1] forms[2] 里面是按着页面表单顺序选择--> <a href="javascript:;" onclick="document.forms[0].submit();">用 forms[0] 提交</a><br> <a href="javascript:;" onclick="document.forms[1].submit();">用 forms[1] 提交</a><br> <a href="javascript:;" onclick="document.forms[2].submit();">用 forms[2] 提交</a><br><br> -----------<br><br> <!--forms1 forms2 forms3 里面是按着页面forms表单 name值进行提交的--> <a href="javascript:;" onclick="document.forms1.submit();">用 forms1 提交</a><br> <a href="javascript:;" onclick="document.forms2.submit();">用 forms2 提交</a><br> <a href="javascript:;" onclick="document.forms3.submit();">用 forms3 提交</a><br><br> -----------<br><br>
如上所示,我这里使用了3个form表单给大家做演示,复制上面代码,点这里 在线运行HTML 运行一下你就懂了
forms[0] 是将整个页面的表单用数组的方式表示出来,即forms[0]就代表页面顺数第一个form表单,forms[1]就代表页面顺数第2个form表单,依此内推…
forms1 表示的是对应name值的forms表单
说明
请根据自己实际情况做相应修改