2017-02-10 55 views
0

如何根据条件改变输入类型=“范围”=>步进值?如何根据条件改变输入类型=“范围”=>步长值?

像我想要:差异:200 250 350 450一路1150,1200

<input id="years" type="range" value="200" min="200" max="1200" /> 

第一值200..then 50其增加... ...之后,由100其增加.. (它的样子:250..350 ... ... 1150)

看什么我都试过......但没有得到适当的输出

<html> 
    <head> 
     <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> 
     <script type="text/javascript"> 

      $(function() { 

       $('#years').on('input change', function() { 

        var 
         element = $('#years'), 
         value = element.val(), 
         step; 

        /* 
         Map your rules 
        */ 
        if (value <=250) { 


         step = 50; 
        } 
        else { 

         step = 100; 
        } 

        element.attr('step', step); 

        $('#value').text(value); 
        $('#step').text(step); 
       }); 
      }); 

     </script> 
    </head> 
    <body> 
     <div> 
      Current value: <span id="value"></span> 
     </div> 
     <div> 
      Current step: <span id="step"></span> 
     </div> 
     <div style="width:500px"> 
      <input id="years" type="range" value="200" min="200" max="1200" /> 
     </div> 
    </body> 
    </html> 

      <input id="years" type="range" value="200" min="200" max="1200" /> 
+0

这个答案可能正是你正在寻找:http://stackoverflow.com/questions/12300767/html-input -range-step-as-an-an-values-values/31586347#31586347(你将不得不调整值和步骤到你的需要当然) – Connum

+0

谢谢Connum我得到了解决方案!再次感谢男人! –

+0

太棒了,很高兴听到! :) – Connum

回答

相关问题