spinner

number field en todos los navegadores ejemplos: http://btburnett.com/spinner/example/example.html

HTML

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/ui-lightness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="http://btburnett.com/spinner/ui.spinner.css" />



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>

<script type="text/javascript" src="http://btburnett.com/spinner/ui.spinner.js"></script>

<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>


<input type="number" id="spinner2" name="cuerpo" id="cuerpo_id" value="0" min="1" max="20" step="1" style="width:50px" />

 <input type="text" id="spinner" value="0" style="width:50px" />

JavaScript

$('#spinner').spinner({ min: 0, max: 10, mouseWheel:true });

$('#spinner2').spinner({ min: -125, max: 200, stepUp : 0.1 });

//setear en ejecucion
$('#spinner2').spinner('option', 'mouseWheel', true );

/*
$('#spinner2').change(function() {$('#spinnerconfig').spinner('option', 'mouseWheel', true )});
*/