[英]How to get HTML5 Range (2 slides) Slider's value in PHP?
我有以下代码:
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个输入(隐藏)。 我现在设置了第二输入(隐藏),但是可以将secouund值发送到输入吗?
我提出了要求:
change: function(event, ui){
$('#sliderValue').attr('value', ui.value);
}
使用ui.value[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]);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.