Question

我有一些jQuery代码可能是一个简单的问题。我有两个输入，形成一个简单的数学变量。一个是文本框，另一个是范围输入。我需要在span元素中显示一个非常简单的计算结果。

这是我拥有的html和js：

<input type="text" name="txt_bserves" id="txt_bserves" value="0">
<span id="currsalesval">10%</span>
<input type="range" name="convertslider" id="convertslider" min="0" max="100" value="10">
<span id="currsalesconv">525 serves</span>

function updateValue()
{
  var sliderval = $('#convertslider').val();
  var bserves = $("#txt_bserves").val();
  var cserves = (bserves * (sliderval/100));
  $("#currsalesval").text(sliderval.concat("%"));
  $("#currsalesconv").text(cserves.concat(" serves"));
}

$('#convertslider').on('change, mousemove', function(){
  updateValue();
});

问题出现在第三行，一个简单的数学计算输入框的百分比。

使用滑块中的百分比值，currsalesval span更新正常。但是，使用cserve值不会更新currsalesval范围。

我意识到这可能是一种类型转换问题，但是我已经考虑了许多不同的转换变体，我想我会在这里问。

先谢谢你们。

Answer 1

cserves不是字符串，因此它没有concat方法。而不是：

$("#currsalesconv").text(cserves.concat(" serves"));

试

$("#currsalesconv").text(cserves + " serves");

尝试用数学结果更新跨度结果在jQuery中

1 个答案: