Javascript/jQueryのソリューションは、ドロップダウンリストから値を集計してフォームに入れます。

Question

JavascriptとjQueryを使ってロープを覚えていますが、私の頭の中でこのことを知ることはできません。私はそれらの中にいくつかの製品と3つのドロップダウンメニューがあり、それぞれは異なる値を持っています。私がしたいのは、ユーザーがそれぞれのドロップダウンで1つのアイテムを選択させ、送信ボタンを押すと値が追加され、合計がテキストボックスに表示されます。私は今14時間を使ってこれを成功させようとしましたので、どんな助けも大部分は感謝します！

Answer 1

あなたが探しているものを正確に知るのは難しいですが、このJSFiddleはあなたが記述していることを行います。

http://jsfiddle.net/FdZDP/1/

相続要旨：コフマンの答えのバリアントの

$("#button").click(function() { 
    var total = 0; 
    $.each($(".summable") ,function() { 
     total += parseInt($(this).val()); 
    }); 
    $("#sum").val(total) 
}); 

Answer 2

これは、その要旨をする必要があります：

$(function(){ 
    $('#my_form').submit(function(e){ 
     e.preventDefault(); 
     var val1 = $("#dropdown1").val(); 
     var val2 = $("#dropdown2").val(); 
     var val3 = $("#dropdown3").val(); 
     var total = parseInt(val1) + parseInt(val2) + parseInt(val3); 
     $("#my_textbox").val(total); 
    }); 
}); 

あなたがドロップダウンのそれぞれから選択された値をつかみました。次に、それらを一緒に追加して、それらが整数であることを確認します（整数を必要としない場合は、何らかの方法で数値に変換します）。その値をテキストボックスに配置します。

Answer 3

：ES5 Array.reduce()機能を使用しています

が

$("#button").click(function() { 
    var total = $('.summable').toArray().reduce(function(a, e) { 
     return a + parseInt($(e).val(), 10); 
    }, 0); 
    $("#sum").val(total) 
}); 

値の合計を処理するため