键入值后,PHP输入字段即时更新

时间:2017-09-04 18:14:54

标签: php html

只是想在php中为自己制作一个小计算器,我想知道在我输入数值后是否可以立即更新答案?

谢谢。

    <?php
if (isset($_POST['valuea'])) $valuea = $_POST['valuea'];  
if (isset($_POST['valueb'])) $valueb = $_POST['valueb'];

if (isset($_POST['check1'])) {
    $answer = (($valuea * $valueb) * 10)*2; 
} else {
    $answer = ($valuea * $valueb) * 10; 
}


echo <<<_END
<form method='post' action=''>
<table border='0' width='500px' cellpadding='3' cellspacing='1' class="table">
<tr class="calcrow">
    <td>Lenght:</td>
    <td align="center"><input type='text' name='valuea' value="$valuea"/></td>
</tr>
<tr class="calcrow2">
    <td>Width:</td>
    <td align="center"><input type='text' name='valueb' value="$valueb"/></td>
</tr>
<tr class="calcrow2">
    <td>2x test</td>
    <td align="center"><input type="checkbox" name="check1"></td>
</tr>
<tr class="submit"><td colspan="2"><input type='submit' value='Calculate'/></td></tr>
_END;
?>

<tr class="calcrow">
<td><i>Answer</td>
<td align="center"><input type="text" value="<?php echo round($answer)?>"></td></i>
</tr>
</table>
</form>

1 个答案:

答案 0 :(得分:0)

您正在寻找一种名为Jquery的东西。 这可以从您的网页获取表单输入的当前值或任何其他元素。然后,您可以将该数据发送到您的php文件,您可以在其中执行计算并返回结果,该结果可以再次显示在任何您想要的位置。

所有这些都是实时发生的。 如果您想在php

中执行此操作,就可以这样做

否则你总是可以使用纯JavaScript或混合使用jquery + javascript,以避免使用php和ajax。