'實時更新'與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.