下面列几种利用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();复制

分享到：