如何使用JQuery提交动态创建的表单?

时间:2011-12-04 16:34:51

标签: javascript jquery

提交不适合我,请任何人都可以解决此问题吗?

$(function(){
    $('#postImg').click(function() {

        var form = $("<form/>", {
            action: "checkout.php",
            method: "POST"
        });

        form.on("submit");
        $.each(['tprice', 'tevents'], function(i, v) {
            $("<input/>", {
                type: "hidden",
                name: v,
                value: $("#" + v).text()
            }).appendTo(form);
        });
        form.submit();
        return false;
    });
});

2 个答案:

答案 0 :(得分:4)

您在这里做的是尝试以非常迂回的方式发出HTTP POST请求(仅为此目的创建表单,填充,发布,然后丢弃)。

直接使用jQuery.post会更容易,更容易混淆。

例如:

var parameters = {
    'tprice': $("#tprice").text(),
    'tevents': $("#tevents").text()
};
$.post("checkout.php", parameters);

答案 1 :(得分:1)

为什么要发布未绑定到DOM的表单?也许

$.post("checkout.php", { paramName: "value", paramName2: "value2" } );

你需要什么?