Question

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

<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。

Answer 1

要填充字段，请使用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>

Answer 2

我创建了一个适用于高度的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，提交值等）

PS：你可以通过Number.toFixed iE (100).toFixed(2);

获得一个Int to Double

自动表单提交和计算

2 个答案: