顯示用戶選擇

Question

我有一個價格範圍滑塊添加到PHP搜索窗體，並使用原型。 這裏是形式代碼：

<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的$ min和$最大。因此，在搜索完成後，您會將以前的值傳遞給JS插件。

希望這會有幫助