Question

我已经开发了一个小页面，用户可以在其中添加2个项目（bron / afzuigunit），并查看此配置的总成本。 It can be found here

2个选项

<tr>
    <td>Plasma bron</td>
    <td width="20px"></td>
    <td><select id="bron" onchange="calculate()">
      <option value="0_0">Kies uw plasmabron</option>
      <option value="Geen_0">Geen</option>
      <option value="PowerMax 45XP_50">PowerMax 45XP</option>
      <option value="PowerMax 65_100">PowerMax 65</option>
      <option value="PowerMax 85_150">PowerMax 85</option>
      <option value="PowerMax 105_200">PowerMax 105</option>
      <option value="PowerMax 125_250">PowerMax 125</option>
    </select></td>
</tr>
<tr>
    <td>Afzuigunit</td>
    <td width="20px"></td>
    <td><select id="afzuig" onchange="calculate()">
      <option value="0_0">Kies uw afzuiging</option>
      <option value="Geen_0">Geen / waterbak</option>
      <option value="Donaldson_1000">Donaldson</option>
    </select></td>
</tr>

我已经使用_在我的JS代码中使用了正确的值

<script>
function calculate()
{
   var bron = (document.getElementById("bron").value).split('_');
   var afzuig = (document.getElementById("afzuig").value).split('_');

    document.getElementById('verkoop').value = ((20000 * 1) + (bron[1] * 1) + (afzuig[1] * 1));
}
</script>

这部分应该显示正确的价格

<h3 class="my-4 text-center text-success">Uw prijs: € <span id="verkoop">20.000</span>,-</h3>

由于某种原因，选择一个选项后价格不变。也没有错误显示。有什么建议吗？

Answer 1

因为您没有更改值。您正在更改跨度的内部文本。使用.innerText

代替.value

document.getElementById('verkoop').innerText = //same code here

JS计算值未显示

1 个答案: