2016-04-12 27 views
-4

我不確定是否有其他人曾經遇到過這種情況,但對此有任何幫助將不勝感激。使用兩個不同的ID提交按鈕?

我需要使提交按鈕使用兩個不同的ID工作。以下是html代碼:

Button: <button class="some class" type="submit" id="gform_submit_button add_to_quote">Submit</button> 

由於無法爲按鈕指定兩個不同的ID,因此處理它的最佳方法是什麼?

+0

甚至沒有看到您的網站,這聽起來像很糟糕的設計,提供兩個按鈕做同樣的工作......但是,回到你的問題:最簡單的方法是用JavaScript來做到這一點。在調用JavaScript函數的按鈕上創建一個'onclick'。 – chrisv

+0

人們不理解我的問題,或者我認爲我沒有正確解釋它。如果我說我必須使用兩個不同ID來提交按鈕,該怎麼辦?像這樣。我知道這是行不通的,但使其發揮作用的最佳方式是什麼? – Albert

+0

我認爲你被困在定義你的問題。你實際上想達到什麼目標?點擊該按鈕時應該發生什麼?爲什麼你想在一個元素上有兩個ID?這不是ID的工作方式,因爲它們應該是唯一的... – chrisv

回答

0

您需要創建按鈕(它不需要一個id)並附加一個JavaScript事件處理程序,以便在單擊時以編程方式提交表單。

例如:

<form name="myForm" action="..."> 
    <!-- Form elements go here --> 
    <button id="button1">Submit Button 1</button> 
    <button id="button2">Submit Button 2</button> 
</form> 

<script type="text/javascript"> 
    var button1 = document.getElementById('button1'), 
     button2 = document.getElementById('button2'); 

    function submitForm() { 
     document.myForm.submit(); 
    } 

    button1.addEventListener('click', submitForm); 
    button2.addEventListener('click', submitForm); 

</script> 
+0

我只需要一個提交按鈕來處理兩個不同的ID,你知道它是如何做到的?只有一種形式。 – Albert

+0

所以,爲了確保我理解,您只需要提交兩種表單中的一種,但是想要一個按鈕提交一個或另一個按鈕,具體取決於某種邏輯? – Mark

+0

剛剛更新了我的問題,希望現在有意義。 – Albert