1

別々のテキスト ボックスに 2 つの数値を要求し、ユーザーにボタンをクリックさせると、結果が 3 番目のテキスト ボックスに格納される単純な電卓の HTML ページを作成しようとしています。これを解決するためにPHPを使用しようとしていますが、希望どおりに表示できないようです。エコーラインは正常に動作しますが、私はそれを望んでいません。

HTMLから

     <form action="Add.php" method="get">
        <input for='num1' type="text"  name="num1" />
        <input for='num2' type="text" name="num2" />

        <input type="submit" value="Add Them" />
        <input type="text" name="AnswerBx" id="SumTotalTxtBx"/>
    </form> 

Add.php

     <?php 
        $num1 = $_GET["num1"];
        $num2 = $_GET['num2'];
        $sum = $num1+$num2;
        //echo "$num1 + $num2 = $sum";

        document.getElementById("SumTotalTxtBx").value = $sum;
    ?>
4

4 に答える 4

8

PHP と JavaScript をそのように混在させることはできません。1 つはサーバー上で実行され、もう 1 つはクライアント上で実行されます。

次のように、値をテキスト ボックスの value 属性にエコーする必要があります。

<input type="text" value="<?PHP echo $sum; ?>" />
于 2012-07-10T13:38:14.943 に答える
0

jQueryを使用すると、このようにサーバーでポストバックを行わずに解決できます

var num1 = parseInt($("input:text[name='num1']"));
var num2 = parseInt($("input:text[name='num2']"));
$('input:text#SumTotalTxtBx').val(num1+num2);
于 2012-07-10T13:41:29.327 に答える
0

ここで PHP と Javascript を混在させています。http: //php.net/manualの PHP マニュアルに戻り、php がどのように機能し、ユーザーと対話するかを読んでください。

Javascript は基本的にクライアント側で実行され、PHP はサーバーで実行されます。php 何かをリクエストすると、新しい HTML ページが返されます。

そうは言っても、エラーを修正するにはトピックが広すぎます。

幸運を

于 2012-07-10T13:38:09.143 に答える
0

さて、PHP は素晴らしいですが、その計算はすべてクライアント側ではなくサーバー側で実行されます。AJAX を使用すると、PHP コードの一部をサーバーに対して実行することができますが、電卓用の JavaScript にもっと興味があると思います。

<html>
<head>
<script>
function calculateSum()
{
    num1 = parseInt(document.getElementById("num1").value);
    num2 = parseInt(document.getElementById("num2").value);

    sum = num1 + num2;

    document.getElementById("sum").innerHTML = sum;
}
</script>
<body>
<input id="num1" type="text"/><br/>
<input id="num2" type="text"/><br/>
<button onclick="calculateSum()">Submit!</button>
<span id="sum">..the sum is..</div>
</body>
</html>

Javascript は非常にシンプルで、クライアント側で何かをプログラミングする際には非常に優れています。詳細については、w3schoolsで javascript を読むことをお勧めします。それが役立つことを願っています!!

于 2012-07-10T13:48:05.263 に答える