2013-01-13 84 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