JavaScriptとPHPを使用した場合の合計値

Question

this form scriptを使用して合計を自動的に計算しています。今、私はその合計を取得し、PHPとMySQL経由でデータベースに追加する必要があります。

totalPrice divに「名前を付ける」方法がわからないので、その値をデータベースに渡すことができます。

編集：

私はまだデータベースに結果が届きません。フィールドセットには$_POST[totalValue]、フィールド名にはtotalPriceを使用しています。

HTML：

<div id="totalPrice"></div></div> 
<input type="hidden" name="totalValue" id="totalValue" /> 

はJavaScript：jQueryのを使用して

$("#vendorform").submit(function(){ 
    var totalValue = document.getElementById('totalValue'); 
    totalValue.value = vendorPrice; //the actual total value 
}); 

function calculateTotal() 
{ 
    //Here we get the total price by calling our function 
    //Each function returns a number so by calling them we add the values they return together 
    var vendorPrice = getTentPrice() + getElecPrice() + getPropanePrice(); 

    //display the result 
    var divobj = document.getElementById('totalPrice'); 
    divobj.style.display='block'; 
    divobj.innerHTML = "Total Price Vendor $"+vendorPrice; 
} 

Answer 1

をvendorPrice変数は、関数calculateTotalの範囲外では使用できません。 vendorPriceをグローバル変数にすることはできますが、それはちょっと醜いハックです。

また、あなたはこのような何かを行うことができます：

function calculateTotal() 
{ 
    var vendorPrice = getTentPrice() + getElecPrice() + getPropanePrice(); 
    var divobj = document.getElementById('totalPrice'); 
    divobj.style.display='block'; 
    divobj.innerHTML = "Total Price Vendor $"+vendorPrice; 

    return vendorPrice; // <-- ADDED 
} 

そして、この：

$("#vendorform").submit(function(){ 
    var totalValue = document.getElementById('totalValue'); 
    totalValue.value = calculateTotal(); // <-- CHANGED 
}); 

この方法は、あなたが今totalValue.valueにcalculateTotal()によって返された値を割り当てます。ところで

：あなたはすでにjQueryのを使用しているように見えることから、このようなあなたのコードを書き換えることができます（それは議論の余地のですが）

// [...] 

var divobj = $('#totalPrice'); 
divobj.css('display', 'block'); 
divobj.text("Total Price Vendor $"+vendorPrice); 

// [...] 

var totalValue = $('#totalValue'); 
totalValue.val(calculateTotal()); 

これは、それが少し読みやすくなり、もう少しクロスブラウザに依存します。 jQueryには素晴らしいドキュメントがあります（例：the documentation on .val()）。より頻繁にjQueryを使用する場合は、ドキュメントをブックマークしてスキミングすることを強くお勧めします。

Answer 2

：

$("#cakeform").submit(function(){ 
    var price = $("#totalPrice").text().replace(/[\s\S]+\$/,"") 
    $("#cakeForm").append('<input type="hidden" name="estimated_price" value="' + price + '" />') 
}) 

しかし、@ニック・RULEZが指摘したように、通常計算を保存するのは良い考えではありませんデータベース内の値。あなたは<form>...</form>の内側に配置する必要があり

<input type="hidden" name="totalValue" id="totalValue" /> 

：

Answer 3

あなたはに値を設定することができます。 フォームを送信すると、入力の値を受け取ることになります。

あなたはこれを隠しフィールドに値を設定することができますがsniped：

JS

var totalValue = document.getElementById('totalValue'); 
totalValue.value = myValue; //myValue is the total 

Answer 4

はJavaScript：

function calculateTotal() 
{ 
    var Price = getTshirtPrice() + getTshirtType() + getTshirtColour() + 
    getTextColour(); 

    var divobj = document.getElementById('textbox'); 
    divobj.value = "Total Price For the T-shirt: £"+Price; 

    return Price; 
} 

HTML：

<div id="totalPrice"><input type="text" id="textbox"></div> 

はそれを行います。それは完璧に正常に動作します。