我是靠谱客的博主 犹豫山水,最近开发中收集的这篇文章主要介绍js实现a标签超链接提交form表单的方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

本文实例讲述了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表单的方法的全部内容,希望文章能够帮你解决js实现a标签超链接提交form表单的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(107)

评论列表共有 0 条评论

立即
投稿
返回
顶部