JavascriptとjQueryを使ってロープを覚えていますが、私の頭の中でこのことを知ることはできません。私はそれらの中にいくつかの製品と3つのドロップダウンメニューがあり、それぞれは異なる値を持っています。私がしたいのは、ユーザーがそれぞれのドロップダウンで1つのアイテムを選択させ、送信ボタンを押すと値が追加され、合計がテキストボックスに表示されます。私は今14時間を使ってこれを成功させようとしましたので、どんな助けも大部分は感謝します!Javascript/jQueryのソリューションは、ドロップダウンリストから値を集計してフォームに入れます。
1
A
答えて
3
あなたが探しているものを正確に知るのは難しいですが、このJSFiddleはあなたが記述していることを行います。
相続要旨:コフマンの答えのバリアントの
$("#button").click(function() {
var total = 0;
$.each($(".summable") ,function() {
total += parseInt($(this).val());
});
$("#sum").val(total)
});
0
これは、その要旨をする必要があります:
$(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);
});
});
あなたがドロップダウンのそれぞれから選択された値をつかみました。次に、それらを一緒に追加して、それらが整数であることを確認します(整数を必要としない場合は、何らかの方法で数値に変換します)。その値をテキストボックスに配置します。
0
:ES5 Array.reduce()
機能を使用しています
$("#button").click(function() {
var total = $('.summable').toArray().reduce(function(a, e) {
return a + parseInt($(e).val(), 10);
}, 0);
$("#sum").val(total)
});
値の合計を処理するため
関連する問題
- 1. フォームの編集時にデータベースからドロップダウンリストを入力してください。
- 2. UPDATE QUERY - テーブルからの値をフォームから値を集計します
- 3. asp.net MVCのデータベースからドロップダウンリストをフォームに入れます
- 4. 別のドロップダウンリストから値を選択すると、ドロップダウンリストに入力されます
- 5. Googleフォームの数値入力を集計する
- 6. 入力から数値を集計する方法は?
- 7. ドロップダウンリストで選択した値を他のドロップダウンリストに入れますか?
- 8. ドロップダウンリストからMySQLテーブルに値を挿入
- 9. フォーム内の入力値はどのようにして得られますか?
- 10. WindowsフォームDataGridViewのエンティティモデルからの集計
- 11. フォームの編集(MVC 5)のテーブルでドロップダウンリストの選択値を設定します
- 12. htmlフォームのドロップダウンリストから重複した値を削除する
- 13. GridViewにテキストボックスとドロップダウンリストを入れて編集する方法
- 14. フォームの既定値に計算値をあらかじめ入力する
- 15. 3つのドロップダウンリストからの入力に基づいて値を計算する方法は?
- 16. bashのテキストファイルから値を集計します
- 17. データベースから値を取得し、ドロップダウンリストに挿入するsymfony 3
- 18. JavaScriptの各値の入力をどのように集計しますか?
- 19. MongoDB:ネストされた配列の値を集計して集計する
- 20. SHA1を使用して複数の値から集計を計算する
- 21. mysql dbからドロップダウンリストを入力する方法と、選択に基づいてPHPフォームの別のドロップダウンリストを入力する方法はありますか?
- 22. 数値は集計を続けますが、集計は停止しません
- 23. 集計値に基づいてElasticsearch/Kibanaから結果を除外します
- 24. フォーム入力値のテキストが切り捨てられました
- 25. ASP.NET:ドロップダウンリストから複数の値をデータベースに挿入する
- 26. (初心者投稿)PHPドロップダウンリスト、ドロップダウンリストから値をデータベースに挿入する
- 27. Djangoはフォームを追加してフォームを編集しますか?
- 28. SQLのクエリに集計された値をINSERTします
- 29. 重複からユニークな値を集計してください
- 30. laravelのドロップダウンリストに値をあらかじめ入力してください
どのようなマークアップを使用していますか? –
ようこそ!何を試しましたか? 'code'を投稿してください。 – paislee
ありがとうございました。私は14時間早くここに来たはずです。ソリューションは完璧に動作します! – Ross