ドロップダウンリストの計算jQuery

ドロップダウンリストの計算jQuery
上の図のように、ドロップダウンリストから項目を選択すると、各項目の合計が表示されるようにするjQueryのコードです。

$(function () {
var fields = $('#form1 :input').change(calculate);

function calculate() {
var price = 0;
fields.each(function () {
price += +$(this).val();
})
var finalanswer=price.toString();
$('#price').html(finalanswer.replace(/\B(?=(\d{3})+\b)/g, ","));
}
})

このjsfiddleソースを利用して、布(1,000)の位置にコンマを挿入するように若干修正したバージョンです。

デモを見る

一部の記事にはアフィリエイトリンクが含まれている場合があり、パートナーの活動で一定額の手数料を受け取ることがあります。

コメントを残す

*メールアドレスは公開されません。