Javascript 用户更改滑块值时如何提交滑块值'；s值，没有任何按钮？
我正试图让一个球体浮动器在用户释放滑块时立即响应我的网页，就像在遥控器中一样。然而，在HTML中，我的经验很少，我无法想出一个解决方案，比如“如果滑块的值改变，发布新的值（做提交按钮的操作）”，我可能会在C++或Python之类的东西上。 现在，我的HTML代码如下：Javascript 用户更改滑块值时如何提交滑块值'；s值，没有任何按钮？,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我正试图让一个球体浮动器在用户释放滑块时立即响应我的网页，就像在遥控器中一样。然而，在HTML中，我的经验很少，我无法想出一个解决方案，比如“如果滑块的值改变，发布新的值（做提交按钮的操作）”，我可能会在C++或Python之类的东西上。 现在，我的HTML代码如下： <!DOCTYPE html> <html> <style> #slidecontainer { width: 100%; } .slider { -webkit-appear
<!DOCTYPE html>
<html>
<style>
#slidecontainer {
width: 100%;
}
.slider {
-webkit-appearance: none;
-webkit-transform: rotate(270deg);
width: 250px;
height: 10px;
position:absolute;
top:50%;
left:50%;
left:30px;
top:300px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
}
</style>
<body>
<h1 style="color:blue;">Floating spheres</h1>
<p>Use slider to change sphere's height.</p>
<FORM action="/" method="post">
<P>
<input type="range" name="POT" min="0" max="100" value="50" class="slider" id="myRange">
<p>Power: <span id="demo"></span>%</p><br>
<INPUT type="submit" name="Send">
</P>
</FORM>
<script>
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value;
slider.oninput = function() {
output.innerHTML = this.value;
}
</script>
</body>
</html>
#滑动容器{
宽度：100%；
}
.滑块{
-webkit外观：无；
-webkit变换：旋转（270度）；
宽度：250px；
高度：10px；
位置：绝对位置；
最高：50%；
左：50%；
左：30px；
顶部：300px；
背景#d3；
大纲：无；
不透明度：0.7；
-webkit转换：.2s；
转变：不透明度；
}
}
浮球
使用滑块更改球体的高度
功率：%
var slider=document.getElementById（“myRange”）；
var输出=document.getElementById（“演示”）；
output.innerHTML=slider.value；
slider.oninput=函数（）{
output.innerHTML=this.value；
}
我想更改“myRange”的值。您可以使用
onmouseupsubmitvar slider=document.getElementById（“myRange”）；
var输出=document.getElementById（“演示”）；
output.innerHTML=slider.value；
slider.oninput=函数（）{
output.innerHTML=this.value；
}
slider.onmouseup=函数（）{
document.getElementById（“表单”）.submit（）；
}#slidecontainer{
宽度：100%；
}
.滑块{
-webkit外观：无；
-webkit变换：旋转（270度）；
宽度：250px；
高度：10px；
位置：绝对位置；
最高：50%；
左：50%；
左：30px；
顶部：300px；
背景#d3；
大纲：无；
不透明度：0.7；
-webkit转换：.2s；
转变：不透明度；
}
}浮动球体
使用滑块更改球体的高度
功率：%