5

=ボタンを押すと、最初の2つの入力フィールドに入力した2つの数値が追加され、結果が3番目のフィールドに表示されると仮定します。それは可能ですか？（プレーンテキストではなく、ボックス（またはテーブル）または何かの結果が必要です）。次のことを試してみましたが、うまくいきません (何もしません)。誰か助けてもらえますか?

<HTML>
      <HEAD>
        <TITLE>Sum</TITLE>

        <script type="text/javascript">
          function sum()
          {
             var num1 = document.myform.number1.value;
             var num2 = document.myform.number2.value;
             var sum = parseInt(num1) + parseInt(num2);
             document.getElementById('add').innerHTML = sum;
          }
        </script>
      </HEAD>

      <BODY>
        <FORM NAME="myform">
          <INPUT TYPE="text" NAME="number1" VALUE=""> + 
          <INPUT TYPE="text" NAME="number2" VALUE="">
          <INPUT TYPE="button" NAME="button" Value="=" onClick="sum()">
          <INPUT TYPE="text" ID="add" NAME="result" VALUE="">
        </FORM>

      </BODY>
</HTML>
4

4 に答える 4

8

innerHTML要素内にテキスト（html要素を含む）を設定します。通常、div、spanなどの要素に使用して、その中に他のhtml要素を挿入します。

あなたの場合、入力要素の値を設定したいとします。したがって、value属性を使用する必要があります。

innerHTMLに変更value

document.getElementById('add').value = sum;
于 2012-06-14T20:56:49.650 に答える
4 
 <HTML>
      <HEAD>
        <TITLE>Sum</TITLE>

        <script type="text/javascript">
          function sum()
          {

             var num1 = document.myform.number1.value;
             var num2 = document.myform.number2.value;
             var sum = parseInt(num1) + parseInt(num2);
             document.getElementById('add').value = sum;
          }
        </script>
      </HEAD>

      <BODY>
        <FORM NAME="myform">
          <INPUT TYPE="text" NAME="number1" VALUE=""/> + 
          <INPUT TYPE="text" NAME="number2" VALUE=""/>
          <INPUT TYPE="button" NAME="button" Value="=" onClick="sum()"/>
          <INPUT TYPE="text" ID="add" NAME="result" VALUE=""/>
        </FORM>

      </BODY>
</HTML>

これは正しく動作するはずです。1. 3 番目のフィールド (入力フィールド) を設定するときに、「innerHTML」の代わりに .value を使用します 2. 入力タグを閉じます

于 2012-06-14T21:11:05.583 に答える
3

結果を入力ボックスに表示しますか? そうでない場合は、境界線が透明以外に設定されたテーブルを検討し、使用します

document.getElementById('sum').innerHTML = sum;

于 2012-06-14T21:02:25.063 に答える