根據輸入值顯示或隱藏div

我有一個輸入[type = range]，用戶可以選擇一個值（例如，從0到1000），這是有點價格過濾器，也有幾個div每個它是自己的價格。我需要根據輸入值顯示或隱藏div。如何用VanillaJS做到這一點？根據輸入值顯示或隱藏div

2017-06-01 Kirill

你到目前爲止嘗試過什麼？ – Scott

你可以發佈一些你的代碼來理解實際上不工作嗎？這裏是關於顯示/隱藏元素的一個很好的答案（https://stackoverflow.com/a/21070237/4222181），一般不使用任何庫。 –

當輸入的值小於span的值時，我創建了一個小提琴 - https://jsfiddle.net/kpanyushin/9h6gk7s6/ – Kirill

這是硬編碼還是動態div？您是否嘗試過只是獲取輸入的值並隱藏所需的div？

if(input.val < 1000){ 
    var divToHide = document.getElementById("priceMid"); 
    divToHide.style.display = 'none';   // Hide 
}

，如果你有多個div，給人以價值每一個自己的屬性，然後你就可以在它們之間迭代，只有隱藏的那些高於/低於一定值。這個答案更詳細Show/hide 'div' using JavaScript

2017-06-01 12:41:16 JonLuca

divs只是硬編碼 – Kirill

回答