用javascript提交form时的奇怪想法

简介:

今天下午在用javascript提交form的时候,突然在想能不能动态提交form呢?于是去试试,大家都知道用js提交一个form的方法为

 
  1. window.form.action="../example.action";  
  2. window.form.submit(); 

我当时在想可不可以把上面现行代码中的form换成动态的呢,就是说我激活一个事件的时候,我把当前form的name传过去,然后随着我传的值不一样,它自动提交的form也不一样,结果我试了半天都以失败告终,(现在已经解决了见http://sucre.blog.51cto.com/1084905/390938)没办法功能还是得实现的,想了想,用了一个笨办法,在每一行数据后面隐藏一个form,点击页面中的查询按钮时,后台去激活另一个按钮(提交按钮)的click()事件,这样就可以实现动态提交form的功能了。代码如下:

 
  1. <script>  
  2.     function searchSpecial(num){    
  3. document.getElementById(num).click();  
  4.     }  
  5. </script> 

 

 
  1. <td class="tdlistCenter"><a href="#" onclick="searchSpecial('id${count}')"><img src="../images/16B/sicons/view.gif" alt="查询" width="16" height="16" border="0"></a> 
  2. <form action="../frk/specialSearchList.action" method="post" name="form${count}"> 
  3. <input type="hidden" value="${ruleMetaData.rulesID}" name="rulesId"/> 
  4. <input type="hidden" value="${ruleMetaData.rulesContent}" name="rulesContent"/> 
  5. <input type="hidden" value="${ruleMetaData.remark}" name="rulesDescribe"/> 
  6.  
  7. <input type="submit"  id="id${count}" name="search" style="display:none;"/> 
  8.  
  9. </form> 

就这样,就实现了动态提交form的功能



本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/389981,如需转载请自行联系原作者

相关文章
|
5月前
|
JavaScript 前端开发
JS中的form对象是什么
JS中的form对象是什么
36 0
|
4月前
|
JavaScript 前端开发
Javascript的form表单校验输入框
Javascript的form表单校验输入框
25 0
|
7月前
|
Web App开发 JavaScript 前端开发
体验 Orbeon form PE 版本提供的 JavaScript Embedding API
体验 Orbeon form PE 版本提供的 JavaScript Embedding API
41 0
|
7月前
|
JavaScript 前端开发 API
关于 Orbeon form PE 版本使用 JavaScript Embedding API 的一个例子
关于 Orbeon form PE 版本使用 JavaScript Embedding API 的一个例子
40 0
|
8月前
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件6
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件6
31 0
|
9月前
|
数据采集 JavaScript 数据安全/隐私保护
js提交form表单
前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知识O(∩_∩)O~
|
JavaScript 前端开发
odoo 通过Javascript显示或隐藏form自带按钮
odoo 通过Javascript显示或隐藏form自带按钮
101 0
|
前端开发
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-2
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-
102 0
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-2
|
前端开发 JavaScript 数据安全/隐私保护
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-1
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)
136 0
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-1