Получите все значения в массиве между определенным диапазоном в ползунке диапазона. (интерфейс jQuery)

Я хочу получить все значения между определенным диапазоном, установленным пользователем с помощью 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'] ;

Любой совет будет принят с благодарностью.


arrays jquery jquery-ui-slider
person user1386906    schedule 22.05.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я не уверен, зачем вам это нужно, но вот простое решение вашего запроса:

$('#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;
}
person Tug    schedule 22.05.2012