JQuery动态创建表单并提交

  1. // 捕捉链接的点击事件  
  2. $('#btn').click(function(){  
  3.     // 取得要提交的参数  
  4.     var my_val = $.trim($('#ipt').val());  
  5.     // 取得要提交页面的URL  
  6.     var action = $(this).attr('href');  
  7.     // 创建Form  
  8.     var form = $('<form></form>');  
  9.     // 设置属性  
  10.     form.attr('action', action);  
  11.     form.attr('method''post');  
  12.     // form的target属性决定form在哪个页面提交  
  13.     // _self -> 当前页面 _blank -> 新页面  
  14.     form.attr('target''_self');  
  15.     // 创建Input  
  16.     var my_input = $('<input type="text" name="my_name" />');  
  17.     my_input.attr('value', my_val);  
  18.     // 附加到Form  
  19.     form.append(my_input);  
  20.     // 提交表单  
  21.     form.submit();  
  22.     // 注意return false取消链接的默认动作  
  23.     return false;  
  24. }); 
tags: JavaScript