jQuery - Widget Spinner

La description

le Widget Spinner La fonction peut être utilisée avec des widgets dans JqueryUI.Spinner fournit un moyen rapide de sélectionner une valeur dans un ensemble.

Syntaxe

Voici la syntaxe simple pour utiliser Spinner -

$( "#menu" ).selectmenu();

Exemple

Voici un exemple simple montrant l'utilisation de Spinner -

<!doctype html>
<html lang = "en">
   <head>
      <meta charset = "utf-8">
      <title>jQuery UI Spinner - Default functionality</title>
		
      <link rel = "stylesheet" 
         href = "//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
			
      <script src = "//code.jquery.com/jquery-1.10.2.js">
      </script>
      <script 
         src = "/resources/demos/external/jquery-mousewheel/jquery.mousewheel.js">
      </script>
      <script src = "//code.jquery.com/ui/1.11.4/jquery-ui.js">
      </script>

      <script>
         $(function() {
			
            var spinner = $( "#spinner" ).spinner();
 
            $( "#disable" ).click(function() {
               if ( spinner.spinner( "option", "disabled" ) ) {
                  spinner.spinner( "enable" );
               } else {
                  spinner.spinner( "disable" );
               }
            });
				
            $( "#destroy" ).click(function() {
               if ( spinner.spinner( "instance" ) ) {
                  spinner.spinner( "destroy" );
               } else {
                  spinner.spinner();
               }
            });
				
            $( "#getvalue" ).click(function() {
               alert( spinner.spinner( "value" ) );
            });
				
            $( "#setvalue" ).click(function() {
               spinner.spinner( "value", 5 );
            });
 
            $( "button" ).button();
				
         });
      </script>
   </head>

   <body>
      <p>
         <label for = "spinner">Select a value:</label>
         <input id = "spinner" name = "value">
      </p>
   </body>
</html>

Cela produira le résultat suivant -

jquery-widgets.htm