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

 更新时间:2015年06月25日 11:10:41   投稿:hebedich  
这篇文章主要介绍了通过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>

有以下几种写法:

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能够有所帮助。

相关文章

  • js 字符串转换成数字的三种方法

    js 字符串转换成数字的三种方法

    在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全
    2013-03-03
  • JS学习笔记之数组去重实现方法小结

    JS学习笔记之数组去重实现方法小结

    这篇文章主要介绍了JS学习笔记之数组去重实现方法,结合实例形式总结分析了javascript数组去重的5种常见实现方法及相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • 完美解决IE低版本不支持call与apply的问题

    完美解决IE低版本不支持call与apply的问题

    这篇文章主要是对解决IE低版本不支持call与apply的问题进行了详细的介绍。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • JS实现的视频弹幕效果示例

    JS实现的视频弹幕效果示例

    这篇文章主要介绍了JS实现的视频弹幕效果,涉及javascript基于事件响应的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-08-08
  • javascript如何操作HTML下拉列表标签

    javascript如何操作HTML下拉列表标签

    下拉列表在网站前端开发中经常遇到,如何操作html下拉列表标签,本篇文章给大家详解javascript如何操作html下拉列表标签,需要的朋友可以来参考下
    2015-08-08
  • 使用原生js封装的ajax实例(兼容jsonp)

    使用原生js封装的ajax实例(兼容jsonp)

    下面小编就为大家带来一篇使用原生js封装的ajax实例(兼容jsonp)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • js获取TreeView控件选中节点的Text和Value值的方法

    js获取TreeView控件选中节点的Text和Value值的方法

    在实际项目中,遇到一个问题,首先弹出一个新窗口,新窗口中放了一个TreeView控件,现在要解决的是,如何单击TreeView中一个节点,返回Text和Value到父页面并关闭该新窗口,本文将详细介绍此方法的实现
    2012-11-11
  • JavaScript对数组进行随机重排的方法

    JavaScript对数组进行随机重排的方法

    这篇文章主要介绍了JavaScript对数组进行随机重排的方法,实例分析了javascript实现数组随机重新排序的两种实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • JQuery+DIV自定义滚动条样式的具体实现

    JQuery+DIV自定义滚动条样式的具体实现

    用DIV和DIV自身的滚动条相互控制内容的滚动,DIV自身的滚动条样式可以用DIV层覆盖,重写滚动条样式
    2013-06-06
  • javascript demo 基本技巧

    javascript demo 基本技巧

    js下的一些小技巧,需要的朋友可以下。
    2009-12-12

最新评论