jQuery.val没有处理范围输入？

Question

<input type="range" value="5,17" />

如果我尝试改变$('input').val('8,20');它的值不会改变...

但对隐藏的输入工作: <input type="hidden" value="s" />

Answer 1

HTML5 <input type="range" />只处理min和max属性之间的一个值- 例如:

<input type="range" min="1" max="10" value="5.3" step="0.1" />

$("input[type=range]").val(); // returns 5.3
$("input[type=range]").val(6); // sets value to 6
$("input[type=range]").val(); // returns 6

如果你想在一个UI输入中使用滑动句柄最小值和最大值,你可以使用jQueryUI的滑块:https://jqueryui.com/slider/#range