獲取數組中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; 
}