Post
Ask Question

Spinner Example in jQuery

  1. <html>  
  2. <head runat="server">  
  3. <title></title>  
  4. <script src="Scripts/jquery-2.1.1.js" type="text/javascript"></script>  
  5. <script src="Scripts/jquery-ui.js" type="text/javascript"></script>  
  6. <script type="text/javascript">  
  7. $(document).ready(function () {  
  8. $("#txt1").spinner({  
  9. min:1,  
  10. max:100,  
  11. step:1,  
  12. spin:function(event, ui){  
  13. $("#Label1").html("<b>Current value:</b>"+ui.value);  
  14. }  
  15. });  
  16. $("#txt1").spinner("value", 1);  
  17. $("#Label1").html("<b>Current value:</b>" + $("#txt1").spinner("value"));  
  18. });  
  19. </script>  
  20. </head>  
  21. <body>  
  22. <form id="form1" runat="server">  
  23. <div>  
  24. <b>Enter Value</b>  
  25. <asp:TextBox ID="txt1" runat="server" ReadOnly="true"></asp:TextBox>  
  26. <br />  
  27. <asp:Label ID="Label1" runat="server" />  
  28. </div>  
  29. </form>  
  30. </body>  
  31. </html>