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 节点操作 以及DOMDocument属性和方法
Dec 06 Javascript
Javascript alert消息换行的方法
Aug 07 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
初识Javascript小结
Jul 16 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
浅谈js基本数据类型和typeof
Aug 09 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
Aug 22 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
Node.js系列之安装配置与基本使用(1)
Aug 30 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 Javascript
微信小程序返回上一级页面的实现代码
Jun 19 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
《APMServ 5.1.2》使用图解
2006/10/23 PHP
php学习笔记 数组遍历实现代码
2011/06/09 PHP
php 抽象类的简单应用
2011/09/06 PHP
php事件驱动化设计详解
2016/11/10 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
JavaScript 精粹读书笔记(1,2)
2010/02/07 Javascript
HTML复选框和单选框 checkbox和radio事件介绍
2012/12/12 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
2017/04/16 Javascript
使用原生js写ajax实例(推荐)
2017/05/31 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
JS实现横向轮播图(中级版)
2020/01/18 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
2020/06/02 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
python os用法总结
2018/06/08 Python
win10 64bit下python NLTK安装教程
2018/09/19 Python
django多文件上传,form提交,多对多外键保存的实例
2019/08/06 Python
使用python实现unix2dos和dos2unix命令的例子
2019/08/13 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
Python函数生成器原理及使用详解
2020/03/12 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
周鸿祎:教你写创业计划书
2013/12/30 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
建设工地安全标语
2014/06/07 职场文书
党课培训心得体会
2014/09/02 职场文书
质量主管工作职责
2014/09/26 职场文书
计划生育汇报材料
2014/12/26 职场文书
刘胡兰观后感
2015/06/16 职场文书
在人间读书笔记
2015/06/30 职场文书
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL
Python测试框架pytest高阶用法全面详解
2022/06/01 Python