HTML表單滑塊

可能重複：
Min Max slider to form HTML表單滑塊

我目前有提交作爲常規HTML形式的搜索模塊。其中，我目前獲取產品的絕對最小值和最大值，例如50和2500.現在我需要構建一個帶有兩個按鈕（用於選擇範圍）的滑塊，並且在提交表單時，這兩個用戶選擇的值需要發送，最好是兩個不同的變量。我不熟悉如何做這樣的事情，有什麼想法？

謝謝！

編輯：由於每個人都提到jQuery UI，我一直在擺弄這個實際上，它會很理想，但我一直無法讓它運行..我下載插件，安裝它，並使用3行來調用它，但是當我在我的html中調用div時，它只會呈現文本框。我錯過了什麼嗎？

2011-09-13 Sherif

簽出jQuery UI。它可以工作以及滑塊元素：你可能要考慮 http://jqueryui.com/demos/slider/

2011-09-13 18:36:37 Dan

我一直在擺弄這個實際上，它會很理想，但我一直無法讓它運行..我下載了插件，安裝它，並使用3行來調用它在我的，但是當我在我的html中調用div只會渲染一個文本框。我錯過了什麼嗎？ – Sherif

您需要在最小值的表單上使用您自己的隱藏輸入元素，併爲最大值使用一個。然後將它們與您的滑塊div鏈接起來，就像在demopage上的示例一樣。如果您仍然遇到問題，請發佈您的代碼，我們會看看它。 – Dan

謝謝，我認爲一旦滑塊本身能夠工作，我應該可以發送這些值。這裏是它應該被稱爲的地方：http://bsnwebsites.com/jeffdemo/index.php/living-room/sofas – Sherif

2011-09-13 18:36:47 SBerg413

HTML 5將實際上有一個range input元素，但現在你可能會喜歡jQuery UI slider並將更改事件附加到將要提交的一些隱藏輸入字段。

2011-09-13 18:38:11 Daff

回答