javascript - Javascript/Ajaxデータをフォームに渡す

Question

jqueryを使用して価格を計算します。

$('.label_1').click(function(){

    var total = 0;

    $('.option_1:checked').each(function(){

        total +=  parseInt($(this).val());
        });

        $('#total').html('€ ' + total);


    });

価格はDIVに表示されます：

<div id="total"></div>

次に、結果をHTMLフォームフィールドに渡して、送信して操作する必要があります。

これをどのように行うことができるかについてのヒントを教えてください。

ありがとうニール

score 0 · Accepted Answer

入力フィールドのval（）を合計に設定する必要があります。

$("#theInputFieldThatShouldHaveTotalInIt").val(total);

score 0 · Accepted Answer

これが小さなコードスニペットです

<input type="text" id="tot">
<script>

$('.label_1').click(function(){

    var total = 0;

    $('.option_1:checked').each(function(){

        total +=  parseInt($(this).val());
        // in this secction send the total to the txt field
        $("#tot").val($total);
        });

        $('#total').html('€ ' + total);


    });
</script>

score 0 · Accepted Answer

そのための非表示の入力フィールドが必要です。だからあなたができることはこれです。

あなたが取得しようとしている値はdiv内にあるので

!-- Hardcoded Value Example only -->
<div id="total">12</div>

そして、JavaScriptにこれを追加できます。

$(function(){
   $('.label_1').click(function(){

    var total = 0;

    $('.option_1:checked').each(function(){

        total +=  parseInt($(this).val());
        });

        $('#total').html('€ ' + total);


    });

     $('#myHiddenInputField').val($('#total').html());

})

の値を設定すると、#myHiddenInputFieldプログラムで、またはフォームの送信ボタンをクリックするだけでフォームを送信できるようになります（フォームが表示されている場合）

score -1 · Accepted Answer

このようなことを行うには、HIDDEN入力を使用する必要があります。 http://www.w3schools.com/jsref/dom_obj_hidden.asp

javascript - Javascript/Ajaxデータをフォームに渡す

4 に答える 4

Related

Reference