提交一个javascript变量的值以及表单提交

Question

如何将javascript变量的值与表单提交一起提交？ 这是我到目前为止的内容：

var data = "abc";

$('form').submit(function(){
//add new hidden input field with value = data
});

注意：html页面将只有一种形式。

Answer 1

为什么不简单

$('form').submit(function(){
    $('<input type="hidden" name="data" />').attr('value', data).appendTo(this);
});

Answer 2

$('form').submit(function(){
    $(this).append($('<input />').attr('name', 'data').attr('value', data));
});

Answer 3

var data = "abc";

$('form').submit(function(){
    $("form").append('<input type="hidden" name="data" value="' + data + '"');
});