htmlの周期番号フィールド

Question

htmlの数値フィールドを、最大値をインクリメントすることによって最小値に戻したい場合は、それをインクリメントします。 私が現在試しているフィールドは、minとmaxの数字です。これにより、ユーザーは自分の要件を満たさない範囲を超えて増減することはできません。

Answer 1

JQueryUIからスピンウィジェットを試してみてください。ウェブサイト上overflow exampleはオーバーフローの例では、次のコードがあります。

$("#spinner").spinner({ 
 
     spin: function(event, ui) { 
 
      if (ui.value > 10) { 
 
      $(this).spinner("value", -10); 
 
      return false; 
 
     } else if (ui.value < -10) { 
 
      $(this).spinner("value", 10); 
 
      return false; 
 
     } 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<p> 
 
    <label for="spinner">Select a value:</label> 
 
    <input id="spinner" name="value"> 
 
</p>