翻转范围/滑块输入 html答案

【问题标题】：Flipped Range/Slider input html翻转范围/滑块输入 html
【发布时间】：2014-11-27 06:13:08
【问题描述】：

有谁知道如何做到这一点？所以例如。它从最大到低（从左到右）开始：

----------||----------

100__________50__________20

【问题讨论】：

标签： html slider range

【解决方案1】：

查看JSFiddle链接。

HTML 部分：

<input id="slider2" type="range" min="0" max="100" step="50" value="0" >
<input id="rangeValue2" type="text" size="2">

JavaScript 部分：

var max_range = 100;
var range_element = document.getElementById("rangeValue2");
var range_input_element = document.getElementById("slider2");
range_element.value = max_range - range_input_element.value;
document.getElementById("slider2").onchange=function(){
    range_element.value = max_range - range_input_element.value;
};

注意： HTML 和 JavaScript 中的最大范围应该相同。就像在 html 中一样，它被设置为 max="100"，而在 JavaScript 中，它被设置为 var max_range = 100;

【讨论】：

谢谢，但我想切换最小值和最大值，所以它就像下降滑块
@alital 我已经更新了代码。并查看同样更新的 JSFiddle 链接。