1. 云栖社区>
  2. >
  3. 正文

js实现a标签超链接提交form表单的方法_javascript技巧

作者:用户 来源:互联网 时间:2016-06-24 20:32:27

js超链接a标签提交form表单

js实现a标签超链接提交form表单的方法_javascript技巧 - 摘要: 本文讲的是js实现a标签超链接提交form表单的方法_javascript技巧, 本文实例讲述了js实现a标签超链接提交form表单的方法。分享给大家供大家参考。具体实现方法如下: <form action="/home/search" method="get" id="search_form"> &l

本文实例讲述了js实现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>

这里a标签可以有以下几种写法:

方法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>

希望本文所述对大家的javascript程序设计有所帮助。

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js , 超链接 , a标签 , 提交 form表单 超链接提交form表单、超链接提交表单、点击超链接提交表单、超链接如何提交表单、用超链接提交表单,以便于您获取更多的相关知识。

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

云服务器9.9元/月,大学必备