javascript - 添加在 Javascript 中不起作用

Question

我是 Javascript 的新手，在尝试创建表单时遇到了一些麻烦......

当我使用 + 时，它不会累加该值，而只是将其背靠背放置。例如:5+10 (510)

如果你想看一下，这是我的代码。我将不胜感激任何帮助，因为我自己无法解决这个问题。

var service = document.getElementById("service");
var serviceprice = service.options[service.selectedIndex].id;

var tech = document.getElementById("tech");
var techprice = tech.options[tech.selectedIndex].id;

var hours = document.getElementById("hours").value;

// The error happens here
var total = techprice * hours + serviceprice; 

我还有一个 html 部分，脚本从中获取数据。

Answer 1

只要你有一个字符串而不是一个数字，就会发生这种情况。 + 运算符执行字符串的连接。确保使用 parseFloat 将字符串解析为数字或 parseInt :

var service = document.getElementById("service");
var serviceprice = parseInt(service.options[service.selectedIndex].id, 10);
var tech = document.getElementById("tech");
var techprice = parseInt(tech.options[tech.selectedIndex].id, 10);
var hours = parseInt(document.getElementById("hours").value, 10);

请注意，parseInt 采用一个参数来指定基数。您几乎总是需要基数 10。