使用javascript提交form表单方法汇总


Posted in Javascript onJune 25, 2015

废话就不多说了,直接上内容。

<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>

有以下几种写法:

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>

以上就是给大家汇总的几种方法了,希望对大家学习js能够有所帮助。

Javascript 相关文章推荐
一款JavaScript压缩工具:X2JSCompactor
Jun 13 Javascript
鼠标经过的文本框textbox变色
May 21 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
Dec 27 Javascript
借助javascript代码判断网页是静态还是伪静态
May 05 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
Mar 09 Javascript
详解JavaScript中的forEach()方法的使用
Jun 08 Javascript
JavaScript实现点击自动选择TextArea文本的方法
Jul 02 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
微信小程序之数据双向绑定与数据操作
May 12 Javascript
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
JS中的算法与数据结构之链表(Linked-list)实例详解
Aug 20 Javascript
node使用request请求的方法
Dec 20 Javascript
Jquery结合HTML5实现文件上传
Jun 25 #Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 #Javascript
javascript学习笔记之函数定义
Jun 25 #Javascript
把Node.js程序加入服务实现随机启动
Jun 25 #Javascript
javascript控制台详解
Jun 25 #Javascript
jquery实现浮动的侧栏实例
Jun 25 #Javascript
JQuery实现鼠标移动图片显示描述层的方法
Jun 25 #Javascript
You might like
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
php递归创建目录的方法
2015/02/02 PHP
PHP分享图片的生成方法
2018/04/25 PHP
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
2014/12/31 Javascript
javascript中tostring()和valueof()的用法及两者的区别
2015/11/16 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
微信小程序加载更多 点击查看更多
2016/11/29 Javascript
浅析Angular19 自定义表单控件
2018/01/31 Javascript
JavaScript 处理树数据结构的方法示例
2019/06/16 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
Python实现PS滤镜碎片特效功能示例
2018/01/24 Python
神经网络(BP)算法Python实现及应用
2018/04/16 Python
django 多数据库配置教程
2018/05/30 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
python实现多进程代码示例
2018/10/31 Python
详解python项目实战:模拟登陆CSDN
2019/04/04 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
pycharm 关掉syntax检查操作
2020/06/09 Python
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
房地产营销策划方案
2014/02/08 职场文书
致800米运动员广播稿
2014/02/16 职场文书
解除劳动合同证明书模板
2014/11/20 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书
党员转正介绍人意见
2015/06/03 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
2015双创工作总结
2015/07/24 职场文书
文明医院的标语集锦!
2019/07/24 职场文书
redis连接被拒绝的解决方案
2021/04/12 Redis
浅谈resultMap的用法及关联结果集映射
2021/06/30 Java/Android
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js
浅谈MySql update会锁定哪些范围的数据
2022/06/25 MySQL