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