- ベストアンサー
２つのフォームに値を入れて計算する方法
- ２つのフォームを作り、その２つの値を計算する方法を教えてください。
- for文などを使用せずに、オブジェクトの指定方法にエラーが出てしまいます。
- 計算結果を表示するためのフォームの指定方法も教えてください。
- mimimii191
- お礼率45% (5/11)
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
かなり突っ込みどころが多いので、ざっと修正してこんな感じで <head> <script> function kei(){ var form_a=document.getElementById('A'); var form_b=document.getElementById('B'); var form_c=document.getElementById('C'); var kei1 = 0; kei1=parseInt(form_a.a11.value?form_a.a11.value:0) * parseInt(form_b.b21.value?form_b.b21.value:0) ; form_c.c11.value = kei1; } </script> <style> form{ padding:0px; margin:0px; } input.text{ width:3em; text-align:right; } </style> </head> <body> <form id="A"> <table border = 1> <tr> <td><input type="text" name="a11" class="text"></td> <td><input type="text" name="a12" class="text"></td> <td><input type="text" name="a13" class="text"></td> </tr> <tr> <td><input type="text" name="a21" class="text"></td> <td><input type="text" name="a22" class="text"></td> <td><input type="text" name="a23" class="text"></td> </tr> </table> <table border = 1> <tr> <td><input type="button" onClick="kei()" value = "ｘ"></td> </tr> </table> </form> <form id="B"> <table border = 1> <tr> <td><input type="text" name="b21" class="text"></td> <td><input type="text" name="b22" class="text"></td> <td><input type="text" name="b23" class="text"></td> </tr> <tr> <td><input type="text" name="b31" class="text"></td> <td><input type="text" name="b32" class="text"></td> <td><input type="text" name="b33" class="text"></td> </tr> </table> </form> <form id="C"> <table border = 1> <tr> <td><input type="text" name="c11" class="text"></td> <td><input type="text" name="c12" class="text"></td> <td><input type="text" name="c13" class="text"></td> </tr> <tr> <td><input type="text" name="c21" class="text"></td> <td><input type="text" name="c22" class="text"></td> <td><input type="text" name="c23" class="text"></td> </tr> </table> </form> </body>
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
>出来たらformはnameで設定したい えーと、formにnameをつけるのは現在の決まりでは非推奨ですので 間違ったやり方を教えるのは不本意なので私からご提示できません。 不可能ではないのでどうしてもというのであればご自身の責任で 対応なさってみるのもよいでしょう。
お礼
現在は非推奨なのですね。 無知で申し訳ありません＞＜ これからはidで統一していこうと思います。 本当にありがとうございました！
- sakana_hor
- ベストアンサー率57% (12/21)
記載されているソースで、こちらでは問題なく動作します（Win2000、IE6）。 エラーが再現できません。 入力欄が多数ありますが、記載されているソースだと使用する欄は2つですよね？ a11とb21に数字を入力し、×ボタンをクリックすると、問題なくc11に計算結果が入ります。 どのような場合にそのエラーが表示されますか？ 再現できないので、助言ができません。
補足
こちらはＷｉｎＸＰのＩＥ６です。 ボタンをクリックしてイベントを起こそうとすると「オブジェクトを指定してください」とエラーになります。
補足
ありがとうございます！書いてくださったソースではうまくいきました。 ただ、出来たらformはnameで設定したいのですが、その場合はどのようにすればうまくいくのでしょうか？