Question

我有一个值由HTML范围滑块通过javascript更新。我需要在javascript中将此数字作为变量。我怎样才能做到这一点？这是我到目前为止所拥有的。

<form class="daysAR"
<label for="days">Days</label><br />
<input type="range" min="0" max="31" value="15" id="days" step="1" oninput="accountsRecievableSlider(value)">
<output for="days" id="daysInAR">15</output>
</form>

的Javascript

function accountsRecievableSlider(AR) {
document.querySelector('#daysInAR').value = AR;
}

这就是我试图获取变量失败的原因。

var selectday = document.querySelector('#daysInAR').value
document.write(selectday);

感谢。

Answer 1

您尚未关闭form代码。尝试粘贴这是一个空的HTML：

<form class="daysAR">
    <label for="days">Days</label><br />
    <input type="range" min="0" max="31" value="15" id="days" step="1" oninput="accountsRecievableSlider(value)">
    <output for="days" id="daysInAR">15</output>
</form>


<script type="text/javascript">
function accountsRecievableSlider(AR) {
    document.querySelector('#daysInAR').value = AR;
    var selectday = document.querySelector('#daysInAR').value
    console.log(selectday);
}
</script>

为我工作

Answer 2

您可以在浏览器控制台上查看吗？

在这个小提琴上：jsfiddle你可以看到一个例子。

window.accountsRecievableSlider = function() {
  document.querySelector('#daysInAR').value = document.querySelector('#days').value
}

从范围滑块获取变量javascript更新输入？

2 个答案: