Question

我会创建一个类型范围的字段，其中步骤将是预定义的，非线性的（多个数字）与html5。

我该怎么办？下面的代码不起作用。需要Jquery吗？如果是，请举例？

<input type='range' min ='0' max='50' step='15, 20, 26, 36, 50' class='' id='TaxaOportunidade' style=' width: 100%; display: inline; text-align: right;'  />

Answer 1

我今天尝试了这段代码，希望这能解决你的问题：

    <!DOCTYPE html>
    <html>
    <body>

    <form action="demo_form.asp" method="get">
    <script type="text/javascript">
    function abc(){
    if(sld.step=='0')
           sld.step='15';
    else if(sld.step=='15')
           sld.step='36';
    val.innerHTML=sld.value;
    }
    </script>

    <input onchange="abc();" type='range' min ='0' max='50' step='0' class='' id='sld' style=' width: 100%; display: inline; text-align: right;'  />
    <span id="val"></span>
    </form>

    </body>
    </html>

html输入类型范围中的预定义步骤

1 个答案: