如何获取 HTML5 范围(2 张幻灯片)滑块在 PHP 中的值
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 个输入(隐藏)。我现在设置了一个 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]);
}
相关文章:
- 使用php或javascript从facebook相册URL中删除多余的部分
- 将PHP变量传递给jQuery时遇到问题
- 通过javascript重定向html传递php变量
- 将数组从PHP传递到Javascript
- 幻灯片滚动javascript不起作用
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 如何在php文件中获取$.post-ajax传递的值
- Javascript运行php文件,然后下载文件
- PHP中的setcookie仅适用于localhost
- 如何使用jquery处理php循环通过元素
- 通过Ajax将JavaScript函数传递给PHP文件
- 而循环只设置php中输入字段中的第一个值
- 无法让 HTML/PHP/JavaScript 幻灯片代码正常工作
- 如何获取 HTML5 范围(2 张幻灯片)滑块在 PHP 中的值
- 用php,html制作facebook相册幻灯片?jquery
- JQueryAJAX和php库幻灯片放映
- 幻灯片显示使用javascript使用php变量
- PHP数组中的Javascript幻灯片
- 幻灯片显示PHP图片加载不工作
- PHP:使用opendir填充JS幻灯片