jQuery - 提交表单...但也传递提交输入名称和ID

Question

我有以下jQuery代码，只要用户在文件输入字段中选择要上传的文件，它就会自动提交我的表单：

jQuery(document).on('change', 'input[type="file"]', function () { 
    jQuery(this).parents('form').append('<input type="hidden" name="action" id="action" value="bp_avatar_upload" />').submit();
});

但是，我还需要使用此代码传递提交输入的ID和名称。提交输入的ID和名称都是upload，如原始的非jQuery代码所示：

<input type="submit" name="upload" id="upload" value="Upload Image" />

请告知我如何能够解决这个问题。非常感谢对此的所有帮助！

Answer 1

只需在表单中创建一个基本的隐藏字段：

<input type="hidden" name="action" id="action" />

然后在同时提交表单的同时更改其在图像选择上的值：

$("#upload").change(function(){
document.getElementById("action").value = "bp_avatar_upload";
$("#form").submit();
});