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

jQuery - Submit Form... but also pass submit input name and ID

本文关键字：提交 输入 ID 表单 jQuery-      更新时间：2023-09-26

我有以下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" />

请告诉我该怎么做。非常感谢大家在这方面的帮助！

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

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

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

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