JavaScriptからフォームへの変数へのポスト

Question

私は非常にスクリプト作成やプログラミングに慣れています。

いくつかのオプションを選択するためのドロップダウンボックスがいくつかあるフォームがあります。私はドロップダウンボックスから選択されたオプションに基づいて合計価格を計算するjavascriptを書いています。合計値は正しく返されますが、この値をフォームに投稿するのは苦労しています。私は隠れた入力タイプを試しましたが、それはどちらも動作しません。ポストはphpファイルに行き、最終的にデータベースにその値を挿入する必要があります。

HTML

<form id="vmPrice" class="form-horizontal" method="post" 
action="create_xml.php"> 
<div class="control-group"> 
<label class="control-label" for="formattedTotalPrice">Costs:</label> 
<div class="controls"> 
<input type="hidden" name="postPrice" id="postPrice" value=""> 
&euro; <span id="formattedTotalPrice" name="formattedTotalPrice" >...</span> 
/month <br/> 
<span style="font-size: 10px;"> By clicking on Create VM a subscription with 
the above costs will be automaticly added to your account </span> 
</form> 

はJavaScript

function calculateTotal() 
{ 
    var unformattedTotalPrice = getVcpuPrice() + getOsPrice() + getHddPrice() + 
    getMemoryPrice() + getHAPrice(); 
    var formattedTotalPrice = unformattedTotalPrice; 

    document.getElementById('formattedTotalPrice').innerHTML = 
    formattedTotalPrice; 

    document.getElementById('postPrice').innerHTML = formattedTotalPrice; 
} 

formattedTotalPriceはスパンIDを使用して画面上に正しく表示されます。今私はフォームでこれを投稿したいですが、動作しません。

PHPコード（create_xml.php）

$price = (int)$_POST['formattedTotalPrice']; 
// or 
$price = (int)$_POST['postPrice']; 
print $price; 

この時点で印刷された値は0

Answer 1

あなたはinnerHTML属性を設定しています。代わりにvalueを使用して、入力エレメントの値を変更してください。

document.getElementById('postPrice').value = formattedTotalPrice; 

innerHTMLは、ページのHTMLコンテンツを変更するために使用することができますが、それはフォームからPHPに送信されますHTML input要素のvalueです。