获取数组中rangelider中特定范围内的所有值。 （jQuery UI）

Question

我想要获取数组中用jquery ui rangeSlider设置的特定范围内的所有值。

http://jqueryui.com/demos/slider/#range

$(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 500, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
      $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     } 
    }); 
    $("#amount").val("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1)); 
}); 

</script> 


<div> 

    <label for="amount">Price range:</label> 
    <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /> 

<div id="slider-range"></div> 

所以在这个例子中，当我设置的范围从75到90，我按下提交按钮我想这样一个数组：

var myArray = ['75','76', '77', '78', '79', '80', '81', '82', '83', '84', '85', '86', '87', '88', '89', '90'] ; 

任何意见将不胜感激。

Answer 1

我不知道你为什么会需要这一点，但这里有一个简单的解决您的要求：

$('#target').submit(function() { 
    var start = $("#slider-range").slider("values", 0); 
    var end = $("#slider-range").slider("values", 1); 
    var myArray = range(start, end); 
    // do your things here 
    return false; 
}); 

function range(start, end) { 
    var arr = []; 
    for(var i = start; i <= end; i++) 
    arr.push(i); 
    return arr; 
}