Отображение пользовательского выбора

Question

У меня есть слайдер диапазона цен, добавленный в форму поиска php, и его использование Prototype. Вот форма код:

<input type="text" name="pmin" id="pmin" value="0" onkeypress="return isNumberKey(event)" 
/> 
<input type="text" name="pmax" id="pmax" value="500" onkeypress="return isNumberKey(event)" 
/> 
<div id="price-range" class="filter-track"> <span id="pminx" class="filter-handle" title="Scroll to set minimum value"></span> 

    <span 
    id="pmaxx" class="filter-handle" title="Scroll to set maximum value"></span> 
</div> 

Вот Javascript код, который обрабатывает ползунок:

<script> 
    var loadPriceSlider = function() { 
     var handles = [$('pminx'), $('pmaxx')]; 
     // horizontal slider control with preset values 
     priceRange = new Control.Slider(handles, 'price-range', { 
      range: $R(0, 500, false), 
      sliderValue: [0, 500], 
      values: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120, 130, 140, 150, 160, 170, 180, 190, 200, 210, 220, 230, 240, 250, 260, 270, 280, 290, 300, 310, 320, 330, 340, 350, 360, 370, 380, 390, 400, 410, 420, 430, 440, 450, 460, 470, 480, 490, 500], 
      restricted: true, 
      onSlide: function (v) { 
       $('pmin').value = ((v[0] != null) ? v[0] : 0); 
       $('pmax').value = ((v[1] != null) ? v[1] : 0); 
      }, 
      onChange: function (v) { 
       if (v.length > 0) { 
        $('pmin').value = ((v[0] != null) ? v[0] : 0); 
        $('pmax').value = ((v[1] != null) ? v[1] : 0); 
       } 
      } 
     }); 
    }; 
    loadPriceSlider(); 
</script> 

Мне нужно, чтобы иметь выбор, сделанный отображаться на странице результатов поиска пользователя , В настоящее время форма работает, если пользователь делает некоторые выборы на этом слайдере цены, отображаются правильные результаты, но на входе отображаются минимальные и максимальные значения как 0 и 500, по умолчанию.

Answer 1

Чтобы присвоить значение в JQuery вы должны использовать как

$('#pmin').val((v[0] != null) ? v[0] : 0)); 
$('#pmax').val((v[1] != null) ? v[1] : 0)); 

Answer 2

Я не знаю, что плагин вы используете. но если у него есть default вариант, или initial value вариант, можно передать значения по умолчанию из PHP ... что-то вроде

priceRange = new Control.Slider(handles, 'price-range', { 
     range: $R(0, 500, false), 
    ---> default: [<?php echo $min; ?>, <?php echo $max; ?>], // or initial or something 
     sliderValue: [0, 500], 

и контролировать $ мин и $ макс от PHP. Поэтому после того, как поиск будет отправлен, вы передадите предыдущие значения плагину JS.

Надеюсь, что это поможет