2013-01-13 64 views
0

我想创建一个动态价格范围滑块,如makemytrip.com。 根据产品价格计算最小价值和最大价格,例如最低产品价格为50美元,最高价格为200美元,滑块的可用范围是否以50美元开始并以200美元结束?在java中创建动态价格范围滑块

+0

你试过的东西那? – Jayamohan

+1

这是Java还是JavaScript?这两种语言非常不同。如果一个网页,你几乎肯定需要JavaScript。 –

+0

听起来像是你正在寻找JavaScript选项neha,我删除了java标签,如果我错了retag –

回答

0

使用jQuery slider来实现此功能。演示提供here

你将不得不使用下面的代码为这个

$(function() { 
    $("#slider-range").slider({ 
    range: true, 
    min: 50, 
    max: 200, 
    values: [50, 200], 
    slide: function (event, ui) { 
     $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]); 
    } 
    }); 
    $("#amount").val("$" + $("#slider-range").slider("values", 0) + 
    " - $" + $("#slider-range").slider("values", 1)); 
}); 

创建滑块后,您可以更改滑块的最大值和最小值如下

​​
+0

嘿谢谢....我如何设置基于产品价格的滑块的最小值和最大值。 – neha

+0

更新了我的答案。请检查 – Wolf