お世話になります。
jqueryの処理でスピナーで変化した値とセレクトボックスで選択されたオプションのvalueを掛けて違う部分に表示するということをしたいのですがやり方が分かりません。
お分かりの方がいらっしゃれば教えていただけるとありがたいです。
よろしくお願いいたします。
以下がソースです。
html
1<TR> 2 <td><SELECT class="productcode1"> 3 <OPTION value="0" SELECTED>(未選択)</option> 4 <OPTION value="4562101973462">2009 ドメーヌ ルバイヤート</OPTION> 5 <OPTION value="4562101973493">2009 プティ・ドメーヌ ルバイヤート</OPTION> 6 <OPTION value="4562101972731">2007 ルバイヤート メルロー「塩尻収穫」</OPTION> 7 <OPTION value="4972212010879">楽園 ワインパック(白) 1.8L</OPTION> 8 <OPTION value="4972212051810">楽園 ワインペット(白) 325ml</OPTION> 9 <OPTION value="4972212091427">楽園 ワインパック(白) 500ml</OPTION> 10 <OPTION value="4972212070910">楽園 ワインミニパック(白) 180ml</OPTION> 11 <OPTION value="5601012011500">マテウス ロゼ</OPTION> 12 <OPTION value="4004068110158">マドンナ R 2013 <ロゼ></OPTION> 13 <OPTION value="4904339454847">バルタザール・グラシアン ロゼ ガルナッチャ</OPTION> 14 <OPTION value="3438931009415">デユツク ド パリ ブリユツト</OPTION> 15 <OPTION value="3438931009422">デユツク ド パリ ドミセツク</OPTION> 16 <OPTION value="4901777187955">フレシネ コルドン ネグロ</OPTION> 17 <OPTION value="8008530072209">タヴェルネッロ ランブルスコ ロッソ</OPTION> 18 <OPTION value="4901777269064">赤のスパークリングワイン スイート&スパイス</OPTION> 19 <OPTION value="4993574064638">フジクレール 濁り スパークリング 赤</OPTION> 20 </SELECT></td> 21 22 <td><input class="number" name="count" type="text" value="0" size="3" /></td> 23 <td class="subprice1">0円</td> 24 <TD id="sampleGetValueOutput"></TD> 25 <TD id="sampleGetValueOutput1"></TD>
javascript
1$(function(){//これがないとダメ 2 $(".productcode1").on("change",function(){//商品名を変更したときに呼び出されるメソッド 3 var selectVal = $(".productcode1").val();//商品名のvalueを取得 4 var productcode = Number(selectVal); 5 $(".subprice1").text(selectVal+"円"); 6 }); 7$(".number").spinner({ 8 max: 100,//最大値 9 min: 0,//最小値 10 step: 1,//ステップ数 11 12 spin: function( event, ui ) {//上下ボタンで値を変更したとき 13 // $( "#sampleGetValueOutput" ).text( ui.value ); 14 var count = $( ".number" ).spinner( "value" ); 15 var subprice = $(".subprice1").val();//上の処理で表示した値の取得 16 var numcount = Number(count); 17 var subprice2 = Number(subprice); 18 var subtotal = numcount * subprice2;//セレクトで取得した値とスピナーで取得した値の掛け算 19 $(".subprice1").text(subtotal+"円");//この部分が表示したい部分 20 21 22 }, 23 24 change: function(event, ui) {//テキストエリアで値を直接変更したとき 25 // $( "#sampleGetValueOutput" ).text( $( "#number" ).val() ); 26 var count = $( ".number" ).val(); 27 var numcount = Number(count); 28 var subtotal = numcount * selectVal;//セレクトで取得した値とスピナーで取得した値の掛け算 29 $(".subprice1").text(subtotal+"円");//この部分が表示したい部分 30 31 } 32 }); 33});