javascript - 设置移动时输入值 'scroll control'

Question

我一直在开发一个脚本，让用户使用 HTML5' <input type="range" 设置设置，我已经让它工作并让它在我的网站上显示一个值，但问题是我希望将用户设置作为表单输入发布 $_POST['gearsdrag'] .

为了清楚起见，我提供了一个 JSfiddle。

http://jsfiddle.net/hqdesf70/

我想要发送的输入是 <input id="r" type="text" name="gearsdrag" value="6000" />

但是脚本集是<input id="r" type="text" name="gearsdrag" />6000</input>并且这不是通过 $_POST 发送的。那么有没有办法做到这一点，或者可能使用获取参数或其他东西。我不知道。

Answer 1

将函数更改为此会将值插入到输入中，然后您可以从那里发布它，这就是您想要的吗？

<script>function showValue(newValue)
{
    //changing the "innerHTML" to "value" is what inserts it into the text field

    document.getElementById("r").value = newValue;
    document.getElementById("rr").innerHTML = newValue;
}

</script>
Keisti pavarą prie: <span id="rr">0</span> / RPM
<form action="test.php" method="post">
    <input type="range" min="0" max="7800" value="0" step="100" onchange="showValue(this.value)" />
    <input id="r" type="text" name="gearsdrag" value=""/>
    <input type="submit" value="Nustatyti" />
</form>