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

【问题标题】：Getting variable from range slider javascript updated input?从范围滑块javascript更新输入中获取变量？
【发布时间】：2015-09-16 19:47:59
【问题描述】：

我有一个值正在通过 javascript 由 HTML 范围滑块更新。我需要在 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);

谢谢。

【问题讨论】：

能否发个 js fiddle 演示

标签： javascript html variables slider range

【解决方案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>

为我工作

【讨论】：

对不起，我做错了什么？您的示例对我有用，但我看到的唯一区别是您将其写入控制台。无论如何谢谢。
我还关闭了form 标签并将您的代码放入函数中。

【解决方案2】：

你能检查一下你的浏览器控制台吗？

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

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

【讨论】：