Question

我有一个带有范围栏的div来设置一个值，用户也有两个预先选择的值。当他选择其中一个预定的选择时，我希望条形图的位置适应，但它不起作用。

<div id="temp_DB" class="dialogTable" style="display: none;">
input id="tempOpt1"  class="tableButton" type="radio" name="tempopt" onclick='setandshowValue(0)'/>
<label for="tempOpt1" ><span id="labelRect">ZPE (0 K)</span></label>
 <input id="tempOpt2"  class="tableButton" type="radio" name="tempopt" onclick='setandshowValue(298)'/>
<label for="tempOpt2" ><span id="labelRect">RT (298 K)</span></label>
<input id="tempOpt3"  value="0" type="range" name="tempopt" min="0" max="500" onchange="showValue(this.value)"/>
<span id="range" style="font-size: 20px; float: left;">298</span>
<script type="text/javascript">
function showValue(newValue)
{
        document.getElementById("range").innerHTML=newValue;
}
function setandshowValue(newValue)
{
var text='"'+newValue+'"';
        document.getElementById("tempOpt3").value=text;
        document.getElementById("range").innerHTML=newValue;
}
</script>
</div>

在脚本部分，在setandshowValue函数中，如果我设置text =“100”，它可以工作，范围栏适应，但我没有设法用参数中的值来做。有谁知道为什么以及如何解决这个问题？

由于

Answer 1

我认为您不需要添加语音标记，只需将范围值设置为输入的值即可。

的document.getElementById（ “tempOpt3”）值= NEWVALUE。的document.getElementById（ “范围”）的innerHTML = NEWVALUE;

在html5中更改范围栏的位置

1 个答案: