用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,如需转载请自行联系原作者

相关文章
|
6月前
|
人工智能 前端开发 JavaScript
react js 处理表单( form )的2个例子
react js 处理表单( form )的2个例子
|
10月前
|
JavaScript 前端开发
Javascript的form表单校验输入框
Javascript的form表单校验输入框
64 0
|
JavaScript 前端开发
JS中的form对象是什么
JS中的form对象是什么
124 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件10
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件10
65 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件9
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件9
75 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件8
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件8
81 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件6
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件6
94 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件5
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件5
55 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件4
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件4
70 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件7
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之编辑表单 封装form组件7
52 0

热门文章

最新文章