java dropdown次のページに投稿する計算された数値

Question

私はドロップダウンセレクトを持つフォームを持っており、それぞれの値が合計を計算するための値を追加します。私は以下のスクリプトを使用してそのようにした：

$(function(){ 
 
    $("select.calculate").on("change", calc); 
 
    $("input[type=checkbox].calculate").on("click", calc); 
 
    function calc() { 
 
     var basePrice = 60; 
 
     newPrice = basePrice; 
 
     $("select.calculate option:selected, input[type=checkbox].calculate:checked").each(function() { 
 
      newPrice += parseInt($(this).data('price'), 10); 
 
     }); 
 

 
     newPrice = newPrice.toFixed(2); 
 
     $("#item-price").html(newPrice); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="test" input name="test" class="calculate"> 
 
    <option data-price="0" value=" ">0</option> 
 
    <option data-price="70" value="Test x 1">1</option> 
 
    <option data-price="140" value="Test x 2">2</option> 
 
    <option data-price="210" value="Test x 3">3</option> 
 
</select> 
 

 
<span id="item-price">0</span>

それは、ページ上で素晴らしい作品が、私は、私が選んだ選択肢を運ぶだろうかのように、次のページに、前方合計数を運ぶためにしたいです。私はPOSTメソッドを使用していますが、これまでのところ次のページでPOSTを使用して選択肢を取得できます。

しかし、総数を次のページに繰り上げる方法についてはわかりません。

アイデア？

Answer 1

あなたがから値を取得する隠しフィールドに値を保存して

$(function(){ 
$("select.calculate").on("change", calc); 
$("input[type=checkbox].calculate").on("click", calc); 
    function calc() { 
     var basePrice = 60; 
     newPrice = basePrice; 
     $("select.calculate option:selected, input[type=checkbox].calculate:checked").each(function() { 
      newPrice += parseInt($(this).data('price'), 10); 
     }); 

     newPrice = newPrice.toFixed(2); 
     $("#item-price").html(newPrice); 
     $("#item_price_val").val(newPrice); 

    } 
}); 

とし、PHPページにちょうど

<input type='hidden' name='item_price' value='' id='item_price_val'> 

以下の変更のように次のページにあなたのjqueryの機能を投稿する必要があります入力変数は

$item_price = $_POST['item_price']; 

のように入力してください。