如何獲得HTML5範圍（2張幻燈片）Slider在PHP中的價值？

Question

我有這樣的代碼：

HTML：

<div class="unit"> 
    <div class="slider-group"> 
     Budget: 
     <label id="2-h"></label> 
    </div> 
    <div id="slider-2-h"></div> 
    <input type="hidden" name="sliderBudget" id="sliderValue" value=""> 
</div> 

的JavaScript：

$(function() { 
    $('#slider-2-h').slider({ 
     range: true, 
     min: 0, 
     max: 500, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
      $('#2-h').html('€' + ui.values[ 0 ] + ' - €' + ui.values[ 1 ]); 
     }, 
     change: function(event, ui) { 
      $('#sliderValue').attr('value', ui.value); 
     } 
    }); 
    $('#2-h').html('€' + $('#slider-2-h').slider('values', 0) + 
        ' - €' + $('#slider-2-h').slider('values', 1)); 
}); 

但是我有從一個範圍 - 來，而只有1個輸入（隱藏）。 我現在設置了一個secound輸入（隱藏），但我們可以將secouund值發送給輸入？

我設置謝勝利：

change: function(event, ui){ 
    $('#sliderValue').attr('value', ui.value); 
} 

與ui.value[1]但它也不行

Answer 1

簡單的方法實現的是有兩個輸入字段中輸入您的目標。

---

用不同的名稱添加另一個輸入值。

<input type="hidden" name="sliderBudget2" id="sliderValue2" value="">

，並改變你的change事件來設置新的輸入值。

change: function(event, ui){ 
    $('#sliderValue').attr('value', ui.value[0]); 
    $('#sliderValue2').attr('value', ui.value[1]); 
}