我有一個(gè)滑塊和跨度，它顯示變化值的值，如下所示：var slider = document.getElementById("myRange");var output = document.getElementById("dynamicSet");output.innerHTML = slider.value; // Display the default slider value// Update the current slider value (each time you drag the slider handle)let update = () => output.innerHTML = slider.value;slider.addEventListener('input', update);update();const setAmount = document.getElementById("dynamicSet").innerHTML;console.log(setAmount);<div class="slidecontainer"> <p>Aantal sets: <span id="dynamicSet"></span></p> <input type="range" min="1" max="10" value="50" class="slider" id="myRange"></div>網(wǎng)頁(yè)顯示變化的值，效果很好！但是，當(dāng)我嘗試控制臺(tái)記錄它時(shí)，它只顯示滑塊所在的初始值。我試圖將此值推送到數(shù)據(jù)庫(kù)（使用提交按鈕的點(diǎn)擊），但我注意到打開頁(yè)面時(shí)該值與初始值保持相同：我也需要改變后端值。怎么能做到這一點(diǎn)呢？我以為均勻的聽眾已經(jīng)解決了這個(gè)問(wèn)題..
2 回答
一只萌萌小番薯
TA貢獻(xiàn)1795條經(jīng)驗(yàn) 獲得超7個(gè)贊
請(qǐng)檢查一下，希望它能起作用:-)
var slider = document.getElementById("myRange");
var output = document.getElementById("dynamicSet");
var isShow = true
output.innerHTML = slider.value
update=()=>{
output.innerHTML = slider.value;
// Display the default slider value
console.log(slider.value)
}
// Update the current slider value (each time you drag the slider handle)
//let update = () => output.innerHTML = slider.value;
slider.addEventListener('input', update);
<div class="slidecontainer">
<p>Aantal sets: <span id="dynamicSet"></span></p>
<input type="range" min="1" max="10" value="50" class="slider" id="myRange">
</div>
吃雞游戲
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
你可以試試這個(gè)
let update = () => {
output.innerHTML = slider.value;
console.log(slider.value)
}
- 2 回答
- 0 關(guān)注
- 173 瀏覽
添加回答
舉報(bào)
0/150
提交
取消