php - 使用php“实时更新”表单字段

Question

如果我有非常基本的形式；

<input type = 'text' name = 'input1' value = '2'>
<input type = 'text' name = 'input2'>
<input type = 'text' name = 'answer'>

php有没有一种方法可以让answer盒子“活”起来，这样在我放10秒后它会立即显示20为一个值？

我熟悉如何通过提交来做到这一点。但是，我的目标是不必刷新页面

给出一个更详细的表格：

根据设定值计算棱镜体积，用户输入长度

$sideOfSquare;
echo "<input type = 'text' name = 'input1'>";
ehco "<input type = 'text' name = 'squareSide' value ='.$sideOfSquare.'>;
echo "<input type = 'text' name = 'answer' value = 'INPUT1 * $sideOfSqaure * $sideOfSquare'>;

Answer 1

您也可以在 Jquery 中执行此操作

$("#input2").keyup(function() {
   var input2 = $(this).val();
   var answer = parseInt(input2) * parseInt($("#input1").val());

   $("#answer").val(answer);    

});

确保两件事。

1）您应该将这些 id 保存在适当的文本框中。

2) 验证输入以仅获取数值

Answer 2

以下是如何使用 jQuery ajax 在 PHP 中做你想做的事：( http://api.jquery.com/jQuery.ajax/ )

// current file
$("#input2").keyup(function() {
    var input2 = $(this).val();
    jQuery.ajax({
        url: 'myfile.php?input2=' + input2
    }).done(function( data ){
        $(this).val(data);
    });

});


 // myfile.php
 <?php $input2 = $_GET['input2'];
 echo $input2*2; //what you echo here will be sent to data in the success function above.