jQueryUI多范围滑块-获取值
jQuery-UI multi-range slider - fetch values
我使用这个jQuery UI插件进行多范围输入。它工作得很好,除了一部分,我无法获取它的值。有人用过这个插件吗?如何获取值以在程序中使用它们?我似乎找不到获取数据的方法。没有任何文档描述如何做到这一点。
var ranges_array = [
{
id: 1,
startValue: 2000,
endValue: 8000,
color: "rgb(27, 64, 194)"
}
];
//
$(function() {
$('#budget-range').rangeSlider({
min: 0,
max: 10000,
ranges: ranges_array
});
});
定义rangeSlider时,可以创建rangeSlide
事件,该事件可以使用事件上的ui
参数读取滑块的值:
$(document).ready(function() {
var currentStartValue = '';
var currentEndValue = '';
$('#budget-range').rangeSlider({
min: 0,
max: 10000,
ranges: ranges_array,
rangeSlide: function(event, ui) {
currentStartValue = ui.range.startValue; // set the current start value of the range
currentEndValue = ui.range.endValue; // set the current end value of the range
}
});
function logRangeValues() {
console.log('Start value: ' + currentStartValue);
console.log('End value: ' + currentEndValue);
}
});
相关文章:
- AngularJS获取范围中的选定项目
- 如何从日期范围选择器中获取两个日期
- 如何在JavaScript中获取文本区域的选定文本范围
- 获取给定JavaScript范围内的解析函数
- 在Jquery或Javascript中获取两个范围或日期之间的通信周数
- 如何从不同范围外的元素属性中获取求值表达式
- 在 JavaScript 中获取范围的随机数的最佳方法
- Angularjs 从范围对象获取值
- 如何获取范围滑块的当前值
- 获取范围中包含的HTML元素
- Javascript 获取范围内每个工作日的 MM/DD 值
- 无法在 html 中获取范围滑块的正确值
- 如何使用 angularjs 在视图中重新获取范围值
- 如何从 AngularJS 中计时器指令的“倒计时”属性中获取范围变量
- 使用 jQuery 获取范围起点的偏移量
- 无法在谷歌应用程序脚本中从多个工作表获取范围
- 如何在jquery中从字符串中获取范围
- 数据存储获取范围内的最后一个键
- 使用引导滑块获取范围值
- 尝试获取范围com.google.api.server.spi.config.scope.SingleAuthScope