自動錶單提交和計算

我是新來的網頁設計，所以希望這是一個簡單的問題。我有一些像這樣...自動錶單提交和計算

<form action="process.php" method="POST"> 

Height: <input type="text" name="height" value=""><br> 
Width: <input type="text" name="width" value=""><br> 

</form> 

<p>The area of the of the box is [output = height * width]</p>

我想高度和寬度的輸入框中的預先填充了數據從數據庫中，如果用戶以前提交的數據。如果沒有，我想輸入框包含「0.00」。此外，我希望輸出框自動計算何時填充輸入框，並且我希望將任何新的高度和/或寬度輸入提交到數據庫以代替任何當前數據，而用戶不必按一個提交按鈕。所以也許在一個標籤頁事件。

你能幫我嗎？我正在使用PHP和MySQL。

來源

2012-12-18 user1905842

我創建了一個jFiddle其工作高度時發送數據。

http://jsfiddle.net/R6NJ2/

你需要使用JavaScript庫jQuery來實現這一目標。

正在觸發更新當輸入被用戶輸入改變時的事件。

function updateHeight() { 

    var remaining = jQuery('.height').val() 
    jQuery('.output').text(remaining); 


    updateCountdown(); 
};

這會先讀取值，然後將其寫入目標元素。在此之後，你可以用變量「剩餘」和一個你要創建寬度以相同的邏輯

var result = remaining * yourWidthVariable 
jQuery('.resultContainer).text(result);

這應該是一個良好的開端，進一步去你的任務計算（發送到PHP提交值等）

PS：你可以得到詮釋爲Double與Number.toFixed即(100).toFixed(2);

來源

2012-12-18 22:38:14 thegrunt

謝謝你，將在它的工作 – user1905842

要填充字段，請使用value屬性。要變更值或只是以計算輸出中使用onblur事件

<?php $width = your logic here (or 0.00) 
$height =your logic here (or 0.00) 
?> 
<form action="process.php" method="POST" id="myform"> 

Height: <input type="text" name="height" onblur="document.getElementById('myform').submit();" value="<?php echo $height?>"><br> 
Width: <input type="text" name="width" onblur="document.getElementById('myform').submit();" value="<?php echo $width ?>"><br> 

</form>

來源

2012-12-18 22:28:31 dagfr

自動錶單提交和計算

回答

相關問題