本文介绍了jQuery.val在范围输入上不起作用?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<input type="range" value="5,17" />
如果我尝试使用$('input').val('8,20');更改值，则不会更改...
If I try to change the value with $('input').val('8,20'); it doesn't change...
但是在隐藏的输入上有效:<input type="hidden" value="s" />
But on hidden inputs works:<input type="hidden" value="s" />
推荐答案
HTML5 <input type="range" />仅处理min和max属性之间的一个值-例如:
The HTML5 <input type="range" /> does only handle one value between min and max attribute - e.g.:
<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
If you want to have the slide handle a min and a max value in one UI-input you could possibly use jQueryUI's slider: https://jqueryui.com/slider/#range
这篇关于jQuery.val在范围输入上不起作用?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！