iT邦幫忙

1

請問如何get slider-range value by nodejs

請問一下 第一次遇到這種
一個input裡面有兩個值的狀況

<input id="amount" type="text" name="price" placeholder="Add Your Price">

它裡面有上限跟下限值
有什麼方法是能一次取兩個值的呢 希望有人能提點一下
順便問一下 我看有些網站他可以做到就是我移動slider
下面資料也可以同步更新是如何做到的
因為我現在都只想的到一個form讀取input值然後submit後得到結果

看更多先前的討論...收起先前的討論...
dragonH iT邦大師 1 級 ‧ 2019-09-27 21:19:49 檢舉


哪裡有兩個值
就是我拉動那條的時候他會變成
比如說 min 100 max 1000這樣
dragonH iT邦大師 1 級 ‧ 2019-09-27 21:57:53 檢舉
有沒有圖片說明

或者更詳細說明你的需求
http://jsfiddle.net/5aPg7/
大概像這樣 我想做類似商品價錢 比如說我拉 100-200 就可以從 資料庫取出100-200的資料

1 個回答

2
dragonH
iT邦大師 1 級 ‧ 2019-09-28 13:04:05
最佳解答

先上範例

codepen

你這篇有幾個問題

1 .

這段 code 是用了 jquery ui 的 東西

2 .

請問一下 第一次遇到這種
一個input裡面有兩個值的狀況

你貼的這個

其實只是用來顯示

$205 - $300

這個字串的 input

range 的真正值不是在這裡

3 .

下面資料也可以同步更新是如何做到的

根據 jquery ui doc

有個 slide event

他可以

Triggered on every mouse move during slide

所以也就可以達到你說的同步更新

這樣的操作

4 .

因為我現在都只想的到一個form讀取input值然後submit後得到結果

然後他並沒有發出任何的 http request

所以並不用什麼 form submit

他只是變更 html 而已

function showProducts(minPrice, maxPrice) {
    $("#products li").hide().filter(function() {
        var price = parseInt($(this).data("price"), 10);
        return price >= minPrice && price <= maxPrice;
    }).show();
}

每次變更 slider 的值

都會呼叫上面他的這個 function

然後真要發送 http request

也不是只有 form

ajax 可以去了解一下

感謝! 學到好多新東西
趕快來研究一下

我要發表回答

立即登入回答