如何在Javascript中将滑块绑定到变量？

我有一组时间序列数据，我想创建一个滑块来更新D3中的图表。我做了各种各样的滑块来练习，但是，没有一个能绑定我的变量，或者完全停止我的程序。我正在努力实现这一点。我现在有一小段代码用于此：

    <input type = "range" min="0" max="1000" value="0" step="1" onChange="something"/>
    <script> 
        var ARRAY_INDEX = 0; // I want the slider to update this variable
    </script>

变量数组_索引=0；//我希望滑块更新此变量

---

ARRAY_INDEX选择要使用的JSON元素数组中的特定索引。我希望能够更改此值，而无需返回代码并自己更改数字。

我在滑块中添加了一个

id

：

<input type = "range" min="0" max="1000" value="0" step="1" id="slider"/>

像dandavis在下面的评论中所说的那样，您也可以使用

input

事件而不是

change

---

这取决于您是希望在光标移动时更新变量（实时值），还是仅在光标“释放”（最终值）时更新变量。

像这样？@Kevin Jantzer:谢谢演示；）<代码>$（“#滑块”）。打开（“输入”…稍微好一点

var ARRAY_INDEX = 0; // You better declare this var outside the event handler function if you want to use it else where

$("#slider").on("change",function(){
    ARRAY_INDEX = $(this).val();
    console.log(ARRAY_INDEX)
});