您当前的位置:网站首页>网站技术教程>利用js触发submit按钮的两种方法

利用js触发submit按钮的两种方法

2020年07月29日 投稿作者:小熊云端 围观人数:33

方法一:

<div class="fr pt25">    
    <form method="get" action="{$field.action}"  name="ssbtn">        
      <input type="text" name="keywords" f="search_input" placeholder="请输入搜索关键词" class="bg_f2 bn lh36 pn plr10 bn vam" style="border-radius: 4px 0px 0px 4px;">
      <span class="bg_main plr10 lh36 h36 inline_block vam bsb pt8 cursor"  name="btn" style="border-radius: 0px 4px 4px 0px;" onClick="formSubmit();">
      <i class="bg oe_topbtn inline_block"  onClick="formSubmit();"></i></span>
      <input type="submit" name="btn" value="搜索"  class="sub02" id="dosubmit" style="display:none"/>
    </form>
</div>
<script language="javascript">
    function formSubmit() {
        document.ssbtn.dosubmit.click();    
    }
</script>



方法二:

点击a标签后实现post提交的效果

<form action="test.jsp" method="post" id="myform">
<input type="text" name="stu_n"/>
</form>
<a href="#" onclick="document.getelementbyid('myform').submit();return false;">提交</a>


具体思路:用a标签的onclick事件获取表单的id,执行form表单的提交操作,也就是执行submit事件。

标签

submit
版权说明
免责声明:本文文章内容由一起收录网发布,但不代表本站的观点和立场,具体内容可自行甄别.