我可能缺乏在Javascript中检索数据的基本知识。所以我使用名为noUiSlider的jquery插件读取范围滑块的值。这里有基本代码:
HTML:
<div id="slider"></div>
<div id="value-input-left" style="font-size:12px"></div>
<div id="value-input-right" style="font-size:12px"></div>
jQuery的:
<script>
$(document).ready(function(){
$("#slider").noUiSlider({
start: [20, 80],
connect: true,
range: {
'min': 0,
'max': 100
}
});
$('#slider').Link('lower').to($('#value-input-left'));
$('#slider').Link('upper').to($('#value-input-right'));
alert("return value of range slider" +$("#slider").val());
});
</script>
$("#slider").val()
返回array[value, value]
,在此示例中为20.00,80.00。但是,分别获得价值的最简单方法是什么?
例如,我尝试过:$("#slider").val(0)
; $("#slider").val[0]
,$("#slider").lower()
和$("#slider").get(0)
,但都不起作用。
此插件的文档为http://refreshless.com/nouislider/slider-read-write/
谢谢!
答案 0 :(得分:0)
尝试:
$("#slider").val()[0];
获取数组中的第一个元素。
答案 1 :(得分:0)
如果你告诉的一切,请尝试以下方法:
$("#slider").val()[0];
答案 2 :(得分:0)
val()仍然是你想要的,但由于它返回了一个数组,你必须在val()上使用你的访问器。将它们放在一起:
$("#slider").val()[0] // first value
$("#slider").val()[1] // second value