範圍輸入元素：是否有辦法動態更改最小值？

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/