用于按下网页上特定按钮的 JavaScript 代码

Question

我有一个 HTML 表单，可以在选择后自动分别上传两张图片(因此我有两个提交按钮)，而无需用户按下提交按钮。根据我的研究，我应该使用

this.form.submit();

图片也将保存在不同的位置。我想知道如何使用其名称或 ID 来定位特定按钮。

<input type = "file" name = "headshot1">
<input type = "submit" name = "submit1">

<input type = "file" name = "headshot2">
<input type = "submit" name = "submit2">

然后我有一个php代码将两张图片存储在两个不同的地方

Answer 1

一种方法是利用 querySelector() 获取对象，然后链接 addEventListener 。

document.querySelector('button[name="myButton"]').addEventListener('click', function(){
    //stuff
});