當用戶點擊另一個顯示的輸入標簽時，如何自動點擊隱藏的子輸入標簽？

Question

我是JavaScript的新手，我有以下問題。

出於某種原因，在網頁中我有2個input標簽，其type=submit ，這些：

<input type="submit" onclick="return myTestFunction();" value="Submit" id="submitEventButton">

<input id="submitButton" type="submit" style="display:none" onclick="return validateForm();" value="Submit" name="action:projectCreationAction">

正如你所看到的那樣，使用style="display:none"隱藏了第二個

單擊第一個我可以進入myTestFunction() JavaScript方法（實際上只是執行警報）。

我需要做以下事情：當用戶自動點擊第一個按鈕（具有id="submitEventButton"按鈕）時，必須單擊隱藏的第二個按鈕。

我該怎么做？

謝謝！

Answer 1

您可以在警報之后將以下內容放在myTestFunction ：

$('#submitButton').trigger("click");

以下是您可以運行以檢查此內容的代碼段：

 function myTestFunction(){ alert('hi from submit'); $("#submitButton").trigger("click") ; } function validateForm(){ alert('hi from validate form'); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="submit" onclick="return myTestFunction();" value="Submit" id="submitEventButton"> <input id="submitButton" type="submit" style="display:none" onclick="return validateForm();" value="Submit" name="action:projectCreationAction"> 

Answer 2

您可以只調用第二個按鈕從第一個函數點擊的函數，而不是模擬單擊或甚至根本沒有第二個隱藏的提交按鈕：

function myTestFunction() {
    // code here with alert
    validateForm();
}

function validateForm() {
    // code here
}

調用其他函數的函數比觸發其他單擊事件的按鈕更好。

這種方式也是純javascript（沒有jquery），因為我不認為你輸入代碼的實現，你目前正在使用jquery。

Answer 3

你的問題並不是那么清楚，但你似乎並不需要第二個按鈕，至少你所描述的是什么。 你可以做些什么來實現你所追求的是在myTestFunction的主體中添加對validateForm()的myTestFunction 。

如果由於某種原因不想更改功能，也可以像這樣更改第一個按鈕：

<input type="submit" onclick="myTestFunction();validateForm();" value="Submit" id="submitEventButton">

它不漂亮，請注意我在這里假設myTestFunction沒有返回重要的東西，否則你不能丟棄我在這里建議的return ，但除此之外它可能會做的伎倆。