自动表单提交和计算

我是新来的网页设计，所以希望这是一个简单的问题。我有一些像这样...自动表单提交和计算

<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

自动表单提交和计算

回答

相关问题