我可以在提交时添加隐藏的表单字段吗？

Question

我在提交表单时尝试添加其他隐藏表单字段，但在提交后无法在POST表单数据中看到它。

$('#myform').submit(function(){        
var hiddenInput = $('<input data-role="none"/>').attr({type:'hidden',name:'myname',value: 'somevalue'});
 $('#myform').appendTo(hiddenInput);
});

表单提交但不包含隐藏字段。

Answer 1

按照您编写的方式使用.append()。

您尝试使用.appendTo()语法将表单附加到输入。

Answer 2

您已将#myform附加到hiddenInput，但反之亦然。

请尝试以下submit事件：

$('<input data-role="none" />').attr({
    type: "hidden",
    name: "myname",
    value: "somevalue"
}).appendTo(this);

Answer 3

$('#myform').on("submit",function(e)
{
    e.preventDefault();

    $('#myform').append('<input type="hidden" name="myname" value="somevalue" data-role="none"/>');

    $(this).submit();
});