动态设置HTML5范围滑块的最小值，最大值和步长值？

Question

如何动态设置HTML5范围控制的最大值，最小值和步长值？

<input id="slider" type ="range" min="0" max="300" step="20" value="100" />

我使用了以下尝试但没有运气给我

$('#slider').attr('min', 10);
$('#slider').attr('max', 100);

Answer 1

您需要使用.prop()代替.attr()。

$('#slider').prop('min', 10);
$('#slider').prop('max', 100);

Demo

Answer 2

通过使用Min，Max和step的常量值更改服务器端的代码，我找到了答案。

找到答案：  var div = document.createElement（'div'）;
   div.innerHTML ='input id =“slider”alt =“Slider”title =“Slider”type =“range”min =“'+ Constant +'”max =“'+ Constant + '“step =”'+ Constant +'“value =”'+ Constant +'“/＆gt;';

的document.getElementById（ 'DIV'）的appendChild（DIV）;

由于