2017-02-10 21 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

回答