您当前的位置:网站首页>网站技术教程>利用js触发submit按钮的两种方法
利用js触发submit按钮的两种方法
2020年07月29日
投稿作者:小熊云端
围观人数:62
方法一:
<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事件。
标签
版权说明
免责声明:本文文章内容由一起收录网发布,但不代表本站的观点和立场,具体内容可自行甄别.