我有这个代码:
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 值发送到输入?
我设置了一个secound:
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]);
}