jqueryのテキスト処理で格納された値を受け取りたい

Question

お世話になります。
jqueryの処理でスピナーで変化した値とセレクトボックスで選択されたオプションのvalueを掛けて違う部分に表示するということをしたいのですがやり方が分かりません。
お分かりの方がいらっしゃれば教えていただけるとありがたいです。
よろしくお願いいたします。
以下がソースです。

<TR>
						<td><SELECT class="productcode1">
							<OPTION value="0" SELECTED>（未選択）</option>
							<OPTION value="4562101973462">2009 ドメーヌ ルバイヤート</OPTION>
							<OPTION value="4562101973493">2009 プティ・ドメーヌ ルバイヤート</OPTION>
							<OPTION value="4562101972731">2007 ルバイヤート メルロー「塩尻収穫」</OPTION>
							<OPTION value="4972212010879">楽園 ワインパック（白） 1.8L</OPTION>
							<OPTION value="4972212051810">楽園 ワインペット（白） 325ml</OPTION>
							<OPTION value="4972212091427">楽園 ワインパック（白） 500ml</OPTION>
							<OPTION value="4972212070910">楽園 ワインミニパック（白） 180ml</OPTION>
							<OPTION value="5601012011500">マテウス ロゼ</OPTION>
							<OPTION value="4004068110158">マドンナ Ｒ ２０１３ ＜ロゼ＞</OPTION>
							<OPTION value="4904339454847">バルタザール・グラシアン ロゼ ガルナッチャ</OPTION>
							<OPTION value="3438931009415">デユツク ド パリ ブリユツト</OPTION>
							<OPTION value="3438931009422">デユツク ド パリ ドミセツク</OPTION>
							<OPTION value="4901777187955">フレシネ コルドン ネグロ</OPTION>
							<OPTION value="8008530072209">タヴェルネッロ ランブルスコ ロッソ</OPTION>
							<OPTION value="4901777269064">赤のスパークリングワイン スイート＆スパイス</OPTION>
							<OPTION value="4993574064638">フジクレール 濁り スパークリング 赤</OPTION>
						</SELECT></td>

						<td><input class="number" name="count" type="text" value="0" size="3" /></td>
						<td  class="subprice1">0円</td>
						<TD id="sampleGetValueOutput"></TD>
						<TD id="sampleGetValueOutput1"></TD>

$(function(){//これがないとダメ
	$(".productcode1").on("change",function(){//商品名を変更したときに呼び出されるメソッド
		var selectVal = $(".productcode1").val();//商品名のvalueを取得
		var productcode = Number(selectVal);
	    $(".subprice1").text(selectVal+"円");
	});
$(".number").spinner({
	    max: 100,//最大値
	    min: 0,//最小値
	    step: 1,//ステップ数

	    spin: function( event, ui ) {//上下ボタンで値を変更したとき
           // $( "#sampleGetValueOutput" ).text( ui.value );
            var count = $( ".number" ).spinner( "value" );
            var subprice =  $(".subprice1").val();//上の処理で表示した値の取得
            var numcount = Number(count);
            var subprice2 = Number(subprice);
            var subtotal = numcount * subprice2;//セレクトで取得した値とスピナーで取得した値の掛け算
            $(".subprice1").text(subtotal+"円");//この部分が表示したい部分


        },

        change: function(event, ui) {//テキストエリアで値を直接変更したとき
          //  $( "#sampleGetValueOutput" ).text( $( "#number" ).val() );
            var count = $( ".number" ).val();
            var numcount = Number(count);
            var subtotal = numcount * selectVal;//セレクトで取得した値とスピナーで取得した値の掛け算
            $(".subprice1").text(subtotal+"円");//この部分が表示したい部分

        }
    });
});

Comments

[yambejp]

.productcode1のvalueがうん兆円規模なんですが大丈夫ですか？

[RyoM]

この値はデータベースに格納している商品idを入れてるだけなので、その点については問題ないと思います。説明不足で申し訳ないです。

[yambejp]

むしろvalueに入っているのは商品コードかなにかで、リストを元に価格を参照するようなロジックが入るのかなと思ったのですが・・・

[kei344]

何がわからないか、エラーは出ていないのかなど、具体的に質問文に追記されたほうが回答を得られやすいと思います。

Answer 1

とりあえずsample上げておきます
なにかイメージと違うようなら指摘してください

$(function(){
  $('.number').spinner({
  max: 100,
  min: 0,
  step: 1,
  });
  $('.productcode1,.number,.ui-button-text').on('click change',function(e){
    console.log(e.type)
    var p=parseInt($('.productcode1').val());
    var n=parseInt($('.number').val());
    $('.subprice1').text(p*n+"円");
  });
});