我有一个包含三个值和两个文本框的下拉菜单。我想增加他们的值(value)?我该怎么做?
这就是我到目前为止所得到的...
html
<select id="as">
<option value="10.00">Additional of $10.00</option>
<option value="20.00">Additional of $10.00</option>
<option value="30.00">Additional of $10.00</option>
</select>
<input type="text" id="txt1"/> //the value here is automatically shown
<input type="text" id="txt2"/> //the value here is automatically shown
<input type="text" id="total"/> //this is where the answer shows
Javascript
function subtotal(){
$("#as").change(function(){
if ($(event.target)=='10.00'){
var a = $("#txt1").val();
var b = $("#txt2").val();
var totalA = parseFloat(a, 10)+ parseFloat(b, 10);
totalA = totalA + 10.00;
$('#total').val('$' + totalA.toFixed(2));
}else if ($(event.target)=='20.00'){
var a = $("#txt1").val();
var b = $("#txt2").val();
var totalA = parseFloat(a, 10)+ parseFloat(b, 10);
totalA = totalA + 20.00;
$('#total').val('$' + totalA.toFixed(2));
} else {
var a = $("#txt1").val();
var b = $("#txt2").val();
var totalA = parseFloat(a, 10)+ parseFloat(b, 10);
totalA = totalA + 30.00;
$('#total').val('$' + totalA.toFixed(2));
});
}
附注您可能会忽略文本框中值的自动显示,因为我已经完成了并且没有错误。我主要关心的是添加下拉值和文本框值
最佳答案
这是添加选择值的 2 个文本框的简化版本。
<select id="as">
<option value="10.00">Additional of $10.00</option>
<option value="20.00">Additional of $20.00</option>
<option value="30.00">Additional of $30.00</option>
</select>
<input type="text" id="txt1" />
<input type="text" id="txt2" />
<input type="text" id="total" />
<script>
$("#as").on('change', function(e) {
var ddl = $(this).val();
var txt1 = $('#txt1').val();
var txt2 = $('#txt2').val();
var a = parseFloat(ddl);
var b = parseFloat(txt1);
var c = parseFloat(txt2);
var total = a + b + c;
$('#total').val(total);
});
</script>
关于javascript - 添加文本框和下拉值(数学),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27370542/