將值從javascript傳遞到表單

Question

我有一個按鈕（輸入類型=按鈕），使用一點點簡單的javascript來切換3個狀態，這很好但我發現當我提交表單時，我無法傳遞按鈕的當前值。

<input type=button ID="1" value="$decMake" name=decMake onclick="toggle(this);">

JS：

function toggle(button) {
  if(document.getElementById("1").value==""){
    document.getElementById("1").value="Strength";
  }
  else if(document.getElementById("1").value=="Strength"){
    document.getElementById("1").value="Opportunity";
  }
  else if(document.getElementById("1").value=="Opportunity"){
    document.getElementById("1").value="";
  }
}

我試圖通過一個簡單的輸入“隱藏”語句來做到這一點，但我認為這還不夠，需要更聰明一點，那是什么，這是最好的方式

謝謝

Answer 1

隱藏輸入可能是執行此操作的最佳方式。

<input type="hidden" id="buttonValue" value=""/>
<input type=button ID="buttonToggle" value="$decMake" name="buttonToggle" onclick="toggle(this);">

同時將按鈕id更改為更具描述性的內容。

function toggle(button) {
    var value=button.value;
    switch(value){
        case "": value="Strength"; break;
        case "Strength": value="Opportunity"; break;
        default : value=""; 
    }
    button.value = value;
    document.getElementById("buttonValue").value = value;
}