Javascript 将下拉列表的总和添加到txt字段中

如何获取一组下拉列表并将更改时的值添加到文本字段中

<select name="qty[1]" id="qty[1]">
<option selected="selected">500</option>
<option>1000</option>
<option>1500</option>
<option>2000</option>
<option>2500</option>
</select>

<select name="qty[2]" id="qty[2]">
<option selected="selected">500</option>
<option>1000</option>
<option>1500</option>
<option>2000</option>
<option>2500</option>
</select>

<input type="text" name="total_qty" id="total_qty" />

500
1000
1500
2000
2500
500
1000
1500
2000
2500

因此，如果我选择1000，则total txtbox将更改为1000，然后如果我从另一个selectbox中选择2000，则total将更改为3000：

var qty1 = document.getElementById("qty[1]");
var qty2 = document.getElementById("qty[2]");
var total_qty = document.getElementById("total_qty");
qty1.onchange = function() {
  var total = parseInt(qty1.value) + parseInt(qty2.value);
  total_qty.value = total;
}
qty2.onchange = function() {
  var total = parseInt(qty1.value) + parseInt(qty2.value);
  total_qty.value = total;
}

使用以下方法：

var selects = $('select[name^=qty]');
selects.change(function(){
    var value = 0;
    selects.each(function(){ value += +this.value; });
    $('#total_qty').val(value);
}).trigger('change');

它可以在两个

框或二十个框中工作，而无需更改代码

---

它正在工作：

这个答案可能会帮助您：将

.change（）

函数绑定到您的

选择
s，并将一个
选项的值：selected
添加到另一个选项，并用它设置
输入
值。使用此权限
@user2405912-是的，把它放在
标签前面，然后把我答案中的代码像这样粘贴到这里。
效果很好……因为某些原因，它没有在页面顶部工作@user2405912-它可能在页面准备好之前运行。只要你把它放在