js实现a标签超链接提交form表单的方法
2015-06-24 00:00
916 查看
本文实例讲述了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的一个微型模版
- js实现延迟加载的方法
- 详解JavaScript的策略模式编程
- 浅谈关于JavaScript API设计的一些建议和准则
- 详解JavaScript中的客户端消息框架设计原理
- 深入理解JavaScript编程中的同步与异步机制
- 举例详解JavaScript中Promise的使用
- 介绍一个简单的JavaScript类框架
- js实现大转盘抽奖游戏实例
- js实现的倒计时按钮实例
- Javascript常用小技巧汇总
- 对JavaScript的全文搜索实现相关度评分的功能的方法
- JavaScript常见小问题
- json前台后台解析和拼接使用
- javascript所有on事件集合
- Javascript 严格模式详解
- js闭包的用途
- js闭包
- 谈谈Ext JS的组件——容器与布局
- 谈谈Ext JS的组件――容器与布局