javascript - 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();
});