这篇文章主要介绍了 js 实现 a 标签超链接提交 form 表单的方法, 涉及 javascript 针对表单操作的相关技巧, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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 程序设计有所帮助。
来源: