使用javascript提交form表单方法汇总

编程学习 2021-07-04 21:48www.dzhlxh.cn编程入门
这篇文章主要介绍了通过a标签的超链接提交form表单方法汇总,十分的全面细致,也很实用,有需要的小伙伴可以参考下。

废话就不多说了,直接上内容。

<form action="/home/search" method="get" id="search_form">
<div class="searchBox png" id="searchBox">
<input type="text" id="searchTxt" class="searchTxt" name="shopName" value="@shopName">
<a
class="searchPic h-submitBtn png" id="h-submitBtn" onclick="document:search_form.submit();">
</a>
</div>
</form>

有以下几种写法:

1.

<a class="searchPic h-submitBtn png" id="h-submitBtn"  onclick="document:search_form.submit();">提交</a>

2.

<a href="javascript:document:search_form.submit();">提交</a>

3.

<a class="searchPic h-submitBtn png" id="h-submitBtn"  onclick="document.getElementById('search_form').submit();">提交</a>

以上就是给大家汇总的几种方法了,希望对大家学习js能够有所帮助。

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板