向文本字段中添加下拉列表的總和

如何獲取一組下拉列表並將更改值添加到文本字段中？向文本字段中添加下拉列表的總和

<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" />

所以，如果我選擇1000，總txtbox會更改爲1000，然後如果我從另一個選擇框選擇2000年總應更改爲3000

來源

2013-06-27 user2405912

這樣的回答可以幫助你：HTTP：//stackoverflow.com/questions/17324013/jquery-to-update-price-when-one-or-more-options-selected/17324409＃17324409 – cfs

將'.change（）'函數綁定到'select's，並將一個'選項：selected'的值添加到另一個，並用它設置'input'值。 –

使用此項：

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

它將適用於兩個<select>盒或二十個，而無需更改代碼。

這是工作：http://jsfiddle.net/eYmF8/2/

來源

2013-06-27 19:45:55 Joe

使用此權利？ '' – user2405912

@ user2405912 - 是的，就在''標記和直後，從我的答案這樣的代碼''。 – Joe

完美的作品....出於某種原因，它不工作在頁面的頂部！ – user2405912

的Javascript：

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; 
}

http://jsfiddle.net/SGY5E/

來源

2013-06-27 19:45:52

向文本字段中添加下拉列表的總和

回答

相關問題