javascript - 来自 2 个输入的 jQuery 数学打印两个值而不是计算

Question

这个问题已经有答案了:

How to add two strings as if they were numbers? [duplicate] (20 个回答)

已关闭 4 年前。

我在 jQuery 方面遇到了问题，我已经用 jQuery 和 JavaScript 尝试过了，问题是一样的。所以，我遇到的这个问题是我试图从 selectinput 和隐藏输入获取一个值并计算这些值并将计算出的值打印到 div。但它不是计算值，而是打印两个值。例如，如果我在 selectinput 中选择具有 value1 的 option1，并且我的隐藏输入具有值 7，则它会打印 71 而不是 8。我一直在寻找使用 JavaScript 和 jQuery 进行计算的不同方法，但我没有找到任何解决方案来解决我的问题。我确信这之前已经发布过，但我不知道要搜索什么，所以我不知道如何找到我正在寻找的答案。因此，如果这个问题已经被问过，我深表歉意。

function test(str) {
  var result = $("[type='hidden']").val()+str;
  $('.output').html(result);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select onchange="test(this.value)">
  <option value="" selected hidden></option>
  <option value="1">Option1</option>
  <option value="2">Option2</option>
  <option value="3">Option3</option>
  <option value="4">Option4</option>
  <option value="5">Option5</option>
</select>
<input type="hidden" value="7">
<div class="output"></div>

Answer 1

只需将值转换为 int 即可，如下所示:

function test(str) {
  var result = parseInt($("[type='hidden']").val()) + parseInt(str);
  $('.output').html(result);
}