jQuery UI の Spinner によるスピナー入力欄の数値をリアルタイムに取得したい

Question

お世話になります。
質問したいのは以下のことです。
jQuery UI の Spinner によるスピナー入力欄の数値をリアルタイムに取得出来てることを確認するため、
changeイベントとspinイベントで数字が増減された時にアラート使っているのですが、
spinイベントの時に増分ボタン(もしくは減分ボタン)を押すと、今表示されている数字がアラートされて、okを押した後に増減どちらか押した方の数値に変わります。
希望として、押したボタンの現在表示されている数字の次の数がアラートに出てほしいです。
どうすればよいでしょうか？お分かりの方いらっしゃいましたらご指導お願いいたします。

/**
 *
 */
$(function(){//これがないとダメ
	$("#productcode").on("change",function(){//商品名を変更したときに呼び出されるメソッド
		var selectVal = $("#productcode").val();//商品名のvalueを取得
	    alert(selectVal);
	});

	$("#number").spinner({
	    max: 100,//最大値
	    min: 0,//最小値
	    step: 1,//ステップ数

	 /*   spin: function( event, ui ) {//上下ボタンで値を変更したとき
           // $( "#sampleGetValueOutput" ).text( ui.value );
            var count = $( "#number" ).spinner( "value" );
            alert(count);
        },

        change: function(event, ui) {//テキストエリアで値を直接変更したとき
          //  $( "#sampleGetValueOutput" ).text( $( "#number" ).val() );
            var count = $( "#number" ).val();
            alert(count);
        }*/
    });

	$("#number").on("spin", function(){
		var count = $( "#number" ).spinner( "value" );
            alert(count);
	});

	$("#number").on("change", function(){
		var count = $( "#number" ).spinner( "value" );
            alert(count);
	});
});

<input id="number" name="count" type="text" value="0" size="3" />

Answer 1

例えば、任意の箇所に

<div id='#spinval'></div> としておき、alertを、 $('#spinval').html(count) とするのはどうでしょうか。

あるいは、ブラウザのF12のデバッグコンソールに出すなら、
console.log(count)
でも良いでしょう。

Comments

[RyoM]

回答していただいたのに返信遅くなり申し訳ありません。
akiko221様の言う通り(alert($('#spinval').html(count) )にしてみたんですが、値が変わらなくなってしまったのでとりあえずalert設定なしでやってみたいと思います。

[akio221]

記述が間違っていますねー・・・。

alertで入れる際、スピナーの値を直接取得してみては。
alert($( "#number" ).spinner( "value" ));
あるいは、
alert($( "#number" ).val());

[akio221]

補足しておきます。
htmlファイル上の任意の場所に、
<div id='#spinval'></div>
をおき、
javascriptのonでchangeイベントに割り付けた、function()の中身、
alert(count);
と、呼び出しているところを、
$('#spinval').html(count);
と書き換えてやれば、HTML上においたdivタグ上に中身が出ます、という意図の回答でした。