Javascript 获取下拉框的值并添加它们

我目前有两个下拉框，我希望这样，当用户选择第二个框时，它会运行onChange方法，并将值与第一个下拉框的值相加

例如：

<select class="form-control" id="dropbox1" changeHiddenInput()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

<select class="form-control" id="dropbox2" changeHiddenInput()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input id="submitbutton" type="submit" class="btn btn-primary" style="margin-top: 5px" name="btnLogin" value="" />

如果选择了1和2。它会将按钮的值更改为3

---

谢谢

使用以下HTML和脚本

document.getElementById('dropbox2').onchange= function(){
    var val1=document.getElementById('dropbox1').value;
    var val2=document.getElementById('dropbox2').value;
    document.getElementById('submitbutton').value=parseInt(val1)+parseInt(val2);
}

<select class="form-control" id="dropbox1" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

<select class="form-control" id="dropbox2" onchange="addDb()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

<input id="submitbutton" type="submit" class="btn btn-primary" style="margin-top: 5px" name="btnLogin" value="" />

<script>
function addDb() {
     var val1=document.getElementById('dropbox1').value;
    var val2=document.getElementById('dropbox2').value;
    document.getElementById('submitbutton').value=parseInt(val1)+parseInt(val2);
}
</script>

1.
2.
3.
4.
5.
1.
2.
3.
4.
5.
函数addDb（）{
var val1=document.getElementById（'dropbox1'）.value；
var val2=document.getElementById（'dropbox2'）.value；
document.getElementById（'submitbutton'）。value=parseInt（val1）+parseInt（val2）；
}

---

下面是一个

错误仅出现在html代码中。

使用下拉菜单中的onchange事件调用changehidenInput函数

html

<select class="form-control" id="dropbox1" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

<select class="form-control" id="dropbox2" onchange ="changeHiddenInput();">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input id="submitbutton" type="submit" class="btn btn-primary" style="margin-top: 5px" name="btnLogin" value="" />

1.
2.
3.
4.
5.
1.
2.
3.
4.
5.

Java脚本

<script>
    function changeHiddenInput()
    {
      var val1 = document.getElementById('dropbox1').value;
      var val2 = document.getElementById('dropbox2').value;
      document.getElementById('submitbutton').value=parseInt(val1)+parseInt(val2);
    }
</script>

函数changeHiddenInput（）
{
var val1=document.getElementById（'dropbox1'）.value；
var val2=document.getElementById（'dropbox2'）.value；
document.getElementById（'submitbutton'）。value=parseInt（val1）+parseInt（val2）；
}

这很简单，你试过什么吗？是的，我试过这个函数changeHiddenInput（）{var dropdown1=document.getElementById（'dropdown1'）.value；var dropdown2=document.getElementById（'dropdown2'）.value；console.log（dropdown1）；console.log（dropdown2）；var var1=parseInt（dropdown1）；var var2=parseInt（dropdown2）；var a=var1+var2；document.getElementById（'submitbutton'）。value=a；}'“它运行一个onChange方法”，但HTML并不是这样做的

changehidenInput（）

什么也不做。此外，如果你希望得到有用的答案，你必须比“它不起作用”更精确一点。我们已经知道了，否则你就不会问问题了。谢谢你指出，改变它。我想我该去睡觉了

<script>
    function changeHiddenInput()
    {
      var val1 = document.getElementById('dropbox1').value;
      var val2 = document.getElementById('dropbox2').value;
      document.getElementById('submitbutton').value=parseInt(val1)+parseInt(val2);
    }
</script>