Question

我有一个下拉列表。在选择列表时，值会更改。但进度条的值不会改变。

例如：在加载页面时，值应为415760（100％完整进度条）

在选择9时，该值应为300000（进度条的72％）

在选择11时，该值应为0（进度条的0％）

以下是代码：http://codepen.io/neonirav/pen/qlgCD

感谢。

Answer 1

我已根据我认为你需要的代码笔分叉了：

http://codepen.io/anon/pen/djhnk

您在div上设置.value，而不是在进度条元素上设置。

Answer 2

设置进度条的值！默认情况下value='0'是一个数字，而不是你所做的字符串。

 <progress max="415760" name="gm_ro_total" id="gm_ro_total" value='0'></progress>

然后改变

var gm_ro_total = parseInt(gmro1.value);
gm_remainingoil.innerHTML = gm_ro_total;

与

var gm_ro_total = parseInt(gmro1.value),
    gm_ro_totalElement = document.getElementById('gm_ro_total');
  gm_ro_totalElement.value= parseInt(gm_ro_total);
gm_remainingoil.innerHTML = gm_ro_total;

Answer 3

您应该为进度条而不是div设置值。这是你需要的吗？ Code Click here to view

Javascript - 进度条值不随选择而变化

3 个答案: