用於按下網頁上特定按鈕的 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
});

Answer 2

您可以直接提交表單：

 document.getElementById("myFormId").submit();

如果您仍想單擊該按鈕，請執行以下操作：

 document.getElementById("buttonid").click();