2017-02-10 2 views
0

So ändern Sie den Eingabetyp = "Bereich" => Schrittwert basierend auf Bedingung?So ändern Sie den Eingabetyp = "Bereich" => Schrittwert basierend auf Bedingung?

wie ich will: Differenz: 200 250 350 450 den ganzen Weg bis 1150, 1200

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

Erster Wert ist 200..then seine Erhöhung um 50 ... nach, dass seine Erhöhung um 100 .. . (sein wie folgt aussehen: 250..350 ... 1150 ...)

Schauen Sie, was ich versucht habe ... Aber nicht korrekte Ausgabe

<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

Diese Antwort genau sein könnte, was Sie suchen: http://stackoverflow.com/questions/12300767/html-input -range-step-als-array-of-values ​​/ 31586347 # 31586347 (Sie müssen die Werte und die Schritte natürlich an Ihre Bedürfnisse anpassen) – Connum

+0

danke Connum Ich habe eine Lösung! Danke nochmal Mann! –

+0

Großartig, gut zu hören! :) – Connum

Antwort

Verwandte Themen