Как передать значения диапазона в слайдере jquery в форму модели django для фильтрации цены? - PullRequest
0 голосов
/ 02 августа 2020

У меня есть ползунок Jquery, который показывает диапазон цен. Я хочу отфильтровать цену между двумя границами (мин., Макс.). Я хочу знать, как передать два значения в ползунке jquery в Django ModelForm для фильтрации элементов по цене.

 <script>
  $(document).ready(function() {
    $( "#slider-range" ).slider({
      range: true,
      min: 1000,
      max: 30000,
      step: 500,
      values: [ 1000, 30000 ],
      slide: function( event, ui ) {
        $( "#amount" ).val( "Birr " + ui.values[ 0 ] + " - Birr " + ui.values[ 1 ] );
      }
    });
    $( "#amount" ).val( "Birr " + $( "#slider-range" ).slider( "values", 0 ) +
      " - Birr " + $( "#slider-range" ).slider( "values", 1 ) );

  } ).each(function(){
    // Add labels to slider whose values 
    // are specified by min, max

    // Get the options for this slider (specified above)
    var opt = $(this).data().uiSlider.options;

    // Get the number of possible values
    var vals = opt.max - opt.min;

    // Position the labels
    for (var i = 0; i <= vals; i++) {

        // Create a new element and position it with percentages
        var el = $('<label>'+(i+opt.min)+'</label>').css('left',(i/vals*100)+'%');

    }      // Add the element inside #slider
      $("#slider-range").append(el);

  });

  </script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...