@historydev
Острая аллергия на анимешников

Как получить 2 значения из input-range?

Добрый день.Мне нужно получить значение из двух инпутов одновременно.
Использую JsrSlider.
Помогите пожалуйста, вот мой код в данный момент, но он даёт значение последнего активного инпута.

const range2 = new JSR(['#range-1-3', '#range-1-4'], {
          sliders: 2,
          min: 2000,
          max: 2019,
          step: 1,
          values: [2000, 2007],
          limit: {
          		show: null
          },
          labels: {
          	minMax: true,
          	formatter: null
          },
          grid: {
          	 color: '#eee'
          },          
          log: 'info'
      });
      
     var y0;
     var y1;
                         
     
     range.addEventListener('update', (input, value) => {
    			 y0 = value;
    	 });
				
				
			 range2.addEventListener('update', (input, value) => {			 		 
    			 y1 = value;
			 });
								
      $('.n_list:nth-child(2) .n_name:nth-child(1)').data('genre', 2);
      
      $('.find').click(function() {
	
	var y2 = $('.gnr0').val();
	var y3 = $('.cnt0').val();
	var y4 = $('.sts0').val();
	
	var filter = [y0,y1,y2,y3,y4];		
	
	filter = JSON.stringify(filter); // все элементы массива превращаем в строки

	$('.n_name').css('display','none');
	$('.n_list').hide();
	
$('.n_name').each(function(){

var genres = $(this).data('genre');

if (genres) {

genres = genres.toString().split(','); // split работает со строками

var genreFound = genres.some(
function(item) {

return filter.indexOf(item) !== -1
}
)

if (genreFound) { $(this).show()
$(this).parents('.n_list').show();
}

}
});
  • Вопрос задан
  • 96 просмотров
Решения вопроса 1
@Enj0y
У вас недоработка во 2-ом слайдере, проблема в Input
<input id="range-1-3" type="range" min="0" value="0" style="display: none;" max="10">
<input id="range-1-4" type="range" min="0" value="0" style="display: none;" max="10">


заменить на

<input id="range-1-3" type="range" min="0" value="0" style="display: none;" max="2019">
<input id="range-1-4" type="range" min="0" value="0" style="display: none;" max="2019">


Получать можно так
$('#range-1-3').val();
$('#range-1-4').val();
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы