0

我是网页设计的新手，所以希望这是一个简单的问题。我有这样的东西...

<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”。此外，我希望输出框在输入框被填充时自动计算，并且我希望将高度和/或宽度的任何新输入提交到数据库以代替任何当前数据，而无需用户按下提交按钮。所以也许是在一个 tab out 事件上。

你能帮助我吗？我正在使用 php 和 mysql。

4

2 回答 2

0

要填充您的字段，请使用 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-18T22:28:31.460 回答
0

我创建了一个适用于高度的 jFiddle。

http://jsfiddle.net/R6NJ2/

您需要使用 javascript 库 jQuery 来实现这一点。

 jQuery('.height').change(updateHeight);
    jQuery('.height').keyup(updateHeight);

当用户输入更改输入时触发更新事件。

function updateHeight() {

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


    updateCountdown();
};

这首先读取值，然后将其写入目标元素。在此之后，您可以使用变量 'remaining' 和您要使用相同逻辑为宽度创建的变量进行计算

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

这应该是进一步完成任务的良好开端（发送到 php、提交值等）

Number.toFixedPS：您可以使用iE获得 Int to Double (100).toFixed(2);

于 2012-12-18T22:38:14.060 回答