范围输入元素：有没有办法动态更改最小值？

Question

我正在使用html5和jquery处理页面，我有一个范围输入如下：

<input id="mySlider" type="range" class="test" min="2" max="32" step="2" value="10" />

有没有办法动态改变这个输入的最小值？我尝试使用getElementByID并尝试访问min属性（与.value相同的方式）来尝试引用/设置，但这似乎不起作用。谢谢！

Answer 1

我已成功地以多种方式更改了价值，包括：

document.getElementById('mySlider').min = 5; // Example: min value of 5
$('#mySlider').prop('min', 5);               //jQuery method

确保使用小写document.getElementById正确拼写d。

试试这个小提琴：http://jsfiddle.net/8W7FF/

Answer 2

$("#mySlider").attr("min",12);

应该有用。

http://jsfiddle.net/SNuK6/

Answer 3

如何直接访问该属性？

$("#mySlider").attr("min", 4);

请参阅http://api.jquery.com/attr/