javascript - 输入范围 每份表格仅限一个

标签 javascript jquery html

我有一个表单,需要三个输入范围供用户选择。

当我实现一个范围时,它工作得很好(见下文),但是当我添加第二个或第三个范围时,输出变量始终保持为 0。

如何在此表单中添加两个范围?

我的表单如下所示:

<form action='search.php' method='post' oninput='amount.value=rangeInput.value'>

<input type='range' id='rangeInput' name='satscore' min='0' max='2400'>

<output name='amount' for='rangeInput'>0</output>

<input type='submit' value='FILTER'>

</form>

最佳答案

在没有看到完整代码的情况下,我猜问题来自于您如何命名范围和输入字段。这应该有效:

<form action='search.php' method='post' oninput='amount1.value=rangeInput1.value; amount2.value=rangeInput2.value; amount3.value=rangeInput3.value;'>

<input type='range' id='rangeInput1' name='satscore1' min='0' max='2400' value="0">
<output name='amount1' for='rangeInput'>0</output>

<input type='range' id='rangeInput2' name='satscore2' min='0' max='2400' value="0">
<output name='amount2' for='rangeInput'>0</output>

<input type='range' id='rangeInput3' name='satscore3' min='0' max='2400' value="0">
<output name='amount3' for='rangeInput'>0</output>

<input type='submit' value='FILTER'>

</form>

关于javascript - 输入范围 每份表格仅限一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35280699/

相关文章:

javascript - 如何使用用户定义的相等函数在 Javascript 中创建一组用户定义的对象?

javascript - Google Maps API 标记点击时出现匿名函数错误

Javascript/jQuery HasLoaded 或等价物?

html - CSS图像间歇性加载

javascript - three.js:在正确的轴上旋转四面体

javascript - 获取当前 URL 并查找与其部分匹配的导航项,然后显示子菜单

jquery - jqplot 和宽度

php - 通过单击按钮或下拉菜单更改 MySQL 查询

javascript - 图像的尺寸,然后检查标准并显示图像

javascript - 是否可以视差 img 标签而不是 div 中的背景图像?