我有一个滑块和跨度，它显示变化值的值，如下所示：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>网页显示变化的值，效果很好！但是，当我尝试控制台记录它时，它只显示滑块所在的初始值。我试图将此值推送到数据库（使用提交按钮的点击），但我注意到打开页面时该值与初始值保持相同：我也需要改变后端值。怎么能做到这一点呢？我以为均匀的听众已经解决了这个问题..
2 回答
一只萌萌小番薯
TA贡献1795条经验 获得超7个赞
请检查一下，希望它能起作用:-)
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贡献1829条经验 获得超7个赞
你可以试试这个
let update = () => {
output.innerHTML = slider.value;
console.log(slider.value)
}
- 2 回答
- 0 关注
- 61 浏览
添加回答
举报
0/150
提交
取消