夏日博客

A-A+

jquery动态提交表单的示例

2016年01月09日 前端设计 暂无评论 阅读 5 views 次

动态提交表单用js或jquery都可以实现了，下面我们来几个jquery动态提交表单的示例，有需要的朋友可来看看。

例子:

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta charset="utf-8">  
  5. </head>  
  6. <body>  
  7.     <button id="btn">js动态提交按钮</button>  
  8.     <script src="/jquery/2.1.0/jquery.js"></script>  
  9.     <script>  
  10.         $('#btn').click(function(){  
  11.             var form = $('<form action="https://www.xiariboke.net" method="post"></form>');  
  12.             form.append('<input type="hidden" value="" name="tt">');  
  13.             $("body").append(form);  
  14.             form.submit();  
  15.             //防止一些a元素  
  16.             return false;  
  17.         });  
  18.     </script>  
  19. </body>  
  20. </html>  

jquery/js动态提交表单，由于实例比较简单，话不多说，就直接上代码了,更高级一点的是 动态创建form 并提交了，例子如下:

  1. $(document).ready(function(){  
  2.     $("a.delete").click(function(event){  
  3.         action = this.getAttribute("action")  
  4.         form = $("<form></form>")  
  5.         form.attr('action',action)  
  6.         form.attr('method','post')  
  7.         input1 = $("<input type='hidden' name='input1' />")  
  8.         input1.attr('value','input1 value')  
  9.         input2 = $("<input type='text' name='textinput' value='text input' />")  
  10.         form.append(input1)  
  11.         form.append(input2)  
  12.         form.appendTo("body")  
  13.         form.css('display','none')  
  14.         form.submit()  
  15.     })  
  16. })  
标签：

给我留言