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

我是絕對新的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"的那個）時，自動隱藏的第二個按鈕必須被點擊。

我該怎麼辦？

謝謝！

來源

2015-01-14 AndreaNobili

如果你使用jQuery，你可以使用['trigger（）']（http://api.jquery.com/trigger/）。 –

模擬點擊？我不會那麼做。 –

爲什麼你需要點擊隱藏的元素？ –

你可以把你的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">

來源

2015-01-14 15:27:19 Christos

代替模擬一個點擊或甚至有一個第二個隱藏的提交按鈕，你可以調用第二個函數但是噸是從第一個功能打：

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

function validateForm() { 
    // code here 
}

功能調用其他功能比按鈕觸發其他點擊事件更好的做法。

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

來源

2015-01-14 15:29:51 indubitablee

你的問題並不那麼清楚，但你似乎並不需要第二個按鈕，至少對於你所描述的內容。你可以做什麼來實現你的目標是在myTestFunction的主體中添加validateForm()的呼叫。

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

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

這是不漂亮，請注意，我這裏假設myTestFunction沒有按」 t返回一些重要的東西，否則你不能丟棄return，正如我在這裏所建議的，但除此之外它可能會做到這一點。

來源

2015-01-14 15:36:24 AvivC

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

回答

相關問題