我有两个选择框，我得到了我选择的值，但我想将我的两个选择彼此相加(基本数学运算)，也许我可以只用一个函数来处理它我对 使用两个函数.person-1 和 .person-2
$(document).ready(function(){
$(".person-1").change(function(){
var add_1 = $('option:selected',this).text();
$(".addition-1").text(add_1);
});
$(".person-2").change(function(){
var add_2 = $('option:selected',this).text();
$(".addition-2").text(add_2);
});
});select{
width:150px;
height:40px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body>
<select class="person-1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select class="person-2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<p>Add 1: <span class="addition-1"></span></p>
<p>Add 2: <span class="addition-2"></span></p>
<p>Add 1+2 : <span class="addition"></span> </p>
</body>
</html>最佳答案
将字符串值解析为整数，然后执行简单的加法。替换你的 javascript 代码并尝试这个。希望这对你有帮助。
$(document).ready(function() {
var add_1=0;
var add_2=0;
$(".person-1").change(function() {
add_1 = $('option:selected', this).text();
$(".addition-1").text(add_1);
$(".addition").text(parseInt(add_1)+parseInt(add_2));
});
$(".person-2").change(function() {
add_2 = $('option:selected', this).text();
$(".addition-2").text(add_2);
$(".addition").text(parseInt(add_1)+parseInt(add_2));
});
});
关于javascript - 如何动态获取和添加两个选择值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41996889/