How could get the value of a spinner when the value is changing with the button up and down?

<input type="text" id="spinner1" value="1" onchange="selFirt()" readonly>
<script>
    $("#spinner1").spinner({min: 1, max: 5});
function selFirt(){
    $('#spinner1').spinner().change(function(){
        alert($(this).spinner('value'));
    });
}
</script>

How could get the value of a spinner when the value is changing with the button up and down?

<input type="text" id="spinner1" value="1" onchange="selFirt()" readonly>
<script>
    $("#spinner1").spinner({min: 1, max: 5});
function selFirt(){
    $('#spinner1').spinner().change(function(){
        alert($(this).spinner('value'));
    });
}
</script>

• javascript
• jquery
• jquery-ui

• 1 what's .spinner() ??? – ebram khalil Commented May 15, 2013 at 10:27
• 1 A spinner enhance a text input for entering numeric values, with up/down buttons and arrow key handling. – Kakitori Commented May 15, 2013 at 10:32

2 Answers 2

$('input[name*="name"]').spinner({
    min: 0,
    max: 100,
    spin: function(event, ui) {
        $(this).change();
    }
});

SEE HERE

try the following :

$(function () {
    var spinner = $("#spinner").spinner({
        step: 2 ,
        spin: function( event, ui ){
            handleSpinnerValue(ui.value);
        }
    });
});
function handleSpinnerValue(txtValue)
{
    //do here whatever you want with the value;
    alert(txtValue);
}