码迷,mamicode.com
首页 > 其他好文 > 详细

表单嵌套问题的解决方法

时间:2018-08-13 15:51:17      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:嵌套   tag   document   htm   不能   ring   view   div   不同方法   

在html中,表单form是不能够嵌套使用的,例如:

  1. <form name="form1">
  2. <form name="form2">
  3. ......
  4. </form>
  5. .....
  6. </form>
这样是不合法的,那么如果我们遇到需要用到两个表单的情况应该怎么办呢?解决的方法很简单,合并两个表单,动态改变表单提交位置。

表单form中的action为空,然后在js代码中改变action的值。

  1. <form name="form1" action="" method="post">
  2. .....
  3. <button id="button1" type="submit"></button>
  4. <button id="button2" type="submit"></button>
  5. </form>
  6. <script>
  7. $(document).ready(function(){
  8. $("#button1").click(function(){
  9. $("#draw").attr("action","url1");
  10. $("form").submit();
  11. });
  12. $("#button2").click(function(){
  13. $("#draw").attr("action","url2");
  14. $("form").submit();
  15. });
  16. </script>
这样,就能实现一个表单向不同方法提交了,同时,在表单提交之前还可以改变表单元素的值,方法就是
$("#draw").attr("action","url1"); 
注意,button的类型是submit  不是button 


表单嵌套问题的解决方法

标签:嵌套   tag   document   htm   不能   ring   view   div   不同方法   

原文地址:https://www.cnblogs.com/jpfss/p/9468308.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!