javascript - 将值从 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;
}