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