我什至不知道如何正确命名它。
我有一个页面需要添加多个选择的总数,并在选择更改时显示总数。所有选择的名称都相同,选项的值位于选项的 ID 中。到目前为止我所尝试的一切都非常失败。谢谢。
示例:
<select name="options">
<option ID="2.2" value="uid" selected>Option 1</option>
<option ID="1.8" value="uid">Option 2</option>
<option ID="3" value="uid">Option 3</option>
</select>
<select name="options">
<option ID="2.2" value="uid">Option 1</option>
<option ID="1.8" value="uid" selected>Option 2</option>
<option ID="3" value="uid">Option 3</option>
</select>
<div id="total">Total: 4</div>
最佳答案
这是 jsFiddle 中的函数版本:
http://jsfiddle.net/shaneblake/BBhnZ/
HTML:
<select name="options">
<option data-value="2.2" value="uid" selected>Option 1</option>
<option data-value="1.8" value="uid">Option 2</option>
<option data-value="3" value="uid">Option 3</option>
</select>
<select name="options">
<option data-value="2.2" value="uid">Option 1</option>
<option data-value="1.8" value="uid" selected>Option 2</option>
<option data-value="3" value="uid">Option 3</option>
</select>
<div id="total">Total: 4</div>
JavaScript:
$(function() {
$("select[name='options']").change(function() { updateTotal(); });
updateTotal();
});
function updateTotal() {
var newTotal = 0;
$("select[name='options'] option:selected").each(function() {
newTotal += parseFloat($(this).data('value'));
});
$("#total").text("Total: " + newTotal);
}
关于jquery计算具有重复选择的所选选项ID的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6348552/