
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>
このような感じで考えていますが、進みません。どなたかご教授お願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
・ 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>
No.1
- 回答日時:
<input type = "hidden" name="abc" value="aaa"/>
↓
<input type = "hidden" id="abc" value="aaa"/>
document.abc.value = ~
↓
document.getElementById("abc").value = ~
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
RUBY の 分数の 精度
-
複数連動型のプルダウンフォー...
-
パスワード入力フォームの実装...
-
チェックボックスがundefinedと...
-
フォームで入力した値を別のフ...
-
ループで連続したフォームの値...
-
switchを使って四則演算のプロ...
-
クリックの度に加算していくには?
-
見積もり番号
-
PERL Ajax JSON 付随情報
-
2次元配列で2項目についてソー...
-
ハイパーリンクを別ウインドウ...
-
追加、削除のやり方を教えてく...
-
【jQuery】input nameの文字列...
-
教えて!gooの新規に質問する際...
-
自動計算について
-
動的に生成されるラジオボタン...
-
BackSpaceしたい(QNo.2734284の...
-
「スタート」と「ストップ」ボ...
-
Request.Form(key)の中身をクリ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
VB.NET DateTimeの型について
-
複数のsubmitボタンで押された...
-
setIntervalの間隔を途中で変更...
-
javascriptでhiddenに二次元配...
-
チェックボックスがundefinedと...
-
sessionStorageを調べています。
-
Pythonで会員サイトの自動ログ...
-
Web上でexcelの計算ができるよ...
-
フォーカスすると初期値が消去...
-
name属性が同じフォームが複数...
-
ラジオボタンの選択で解答・点...
-
改行の後の空白を削除したい。
-
テキストボックスに入力された...
-
大量のselect要素のvalueを短い...
-
3桁区切りのカンマをつけたい...
-
プルダウン選択時、既に入力済...
-
CDOMailで本文テキストの文字コ...
-
引数に数値、文字列の混在
おすすめ情報