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

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("提交",function(e)
{
    e.preventDefault();

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

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