- 締切済み
javascriptにてHTMLのhiddenエリアのvalueを変更したい
javascriptにてHTMLのHIDDENエリアのVALUEをフォームの値が変わるごとに更新していきたいのですが、やり方がいまいちわかりません。 <input type = "text" value="10" id="aaa" onchange=aaa();/> <input type = "text" value="20" id="bbb" onchange=aaa();/> <input type = "hidden" name="abc" value="aaa"/> <script> function aaa(){ document.abc.value = document.getElementById("aaa").value+document.getElementById("bbb").value ; } </script> このような感じで考えていますが、進みません。どなたかご教授お願いいたします。
- 11spec0
- お礼率22% (22/98)
- JavaScript
- 回答数2
- ありがとう数11
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- auty
- ベストアンサー率58% (284/486)
・ name属性、id属性と関数名が重なるとよくないようです。 ・ また、数値の演算と推測してみます。 以下のコードを参考にしてみてください。 ------------------------------------------------------------ <html> <head> <script type="text/javascript"> function faaa(txt){ var frm = txt.form; frm.abc.value = parseInt(frm.aaa.value) + parseInt(frm.bbb.value); alert(frm.abc.value); } </script> </head> <body> <form> <input type="text" value="10" name="aaa" onchange="faaa(this);" /> <input type="text" value="20" name="bbb" onchange="faaa(this);" /> <input type="hidden" name="abc" value="aaa" /> </form> </body> </html>
- nda23
- ベストアンサー率54% (777/1415)
<input type = "hidden" name="abc" value="aaa"/> ↓ <input type = "hidden" id="abc" value="aaa"/> document.abc.value = ～ ↓ document.getElementById("abc").value = ～
