Jquery动态生成form表单并提交的几种方法

下面列几种利用jquery插件实现创建form表单，并自动提交数据的方法，一般在隐藏的数据提交并跳转页面时使用，非常的方法实用。

jquery动生成form表单并提交的方法

方法1：

先来个稍微复杂点的，很多元素都是动态的写入form表中的，然后再将form表单写入到dom文档流中，进行提交的！

示例代码：

//创建form表单
var form = $("<form method='post'></form>");
//设置form提交的页面
form.attr({"action":"data.php"});
// 向form里面加入输入框和值
form.append($("<input type='hidden'>").attr("name", "host").val('feiniaomy.com'));
form.append($("<input type='hidden'>").attr("name", "hostname").val('飞鸟慕鱼博客'));
// 这步很重要，如果没有这步，则会报错无法建立连接
$("body").append($(form));
form.submit();

方法2：

这个方法中的jquery生成form表单的方法和上面一样，只是写法稍微不同而已！

示例代码：

var form = $('<form />', {action : 'data.php', method:"post", style:"display:none;"}).appendTo('body');
form.append('<input type="hidden" name="host" value="feiniaomy.com" />');
form.append('<input type="hidden" name="hostname" value="飞鸟慕鱼博客" />');
form.append('<textarea  name="info" ></textarea>');
//注意这一步，textarea 输入框的数据单独写入
$('[name="info"]').val('这里是网站的简单介绍.....');
form.submit();