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


Posted in Javascript onJune 24, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript获取/更改文本框的值的实例代码
Aug 02 Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
Mar 25 Javascript
js实现简单的可切换选项卡效果
Apr 10 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
详解在Vue中通过自定义指令获取dom元素
Mar 04 Javascript
Vue中的异步组件函数实现代码
Jul 20 Javascript
Vue.js样式动态绑定实现小结
Jan 24 Javascript
node.JS事件机制与events事件模块的使用方法详解
Feb 06 Javascript
element-ui封装一个Table模板组件的示例
Jan 04 Javascript
对JavaScript客户端应用编程的一些建议
Jun 24 #Javascript
javascript删除数组重复元素的方法汇总
Jun 24 #Javascript
js实现跨域的方法实例详解
Jun 24 #Javascript
JavaScript中的Promise使用详解
Jun 24 #Javascript
JavaScript面对国际化编程时的一些建议
Jun 24 #Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
Jun 24 #Javascript
在Mac OS下使用Node.js的简单教程
Jun 24 #Javascript
You might like
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
利用javascript查看html源文件
2006/11/08 Javascript
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
ExtJs中gridpanel分组后组名排序实例代码
2013/12/02 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
2014/10/17 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
2016/06/17 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
Bootstrap显示与隐藏简单实现代码
2017/03/06 Javascript
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
2018/04/23 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
2020/07/31 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
详解python-图像处理(映射变换)
2019/03/22 Python
Python中单线程、多线程和多进程的效率对比实验实例
2019/05/14 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
python中的yield from语法快速学习
2020/11/06 Python
什么是规则表达式
2012/05/03 面试题
学生档案自我鉴定
2013/10/07 职场文书
求职者应聘的自我评价
2013/10/16 职场文书
客户表扬信范文
2014/01/10 职场文书
刑事撤诉申请书
2015/05/18 职场文书
python用字节处理文件实例讲解
2021/04/13 Python
python实现语音常用度量方法的代码详解
2021/05/25 Python
使用javascript解析二维码的三种方式
2021/11/11 Javascript
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫
python实现会员信息管理系统(List)
2022/03/18 Python
处理canvas绘制图片模糊问题
2022/05/11 Javascript