
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ランキング
-
チェックボックスがundefinedと...
-
VBAをJavaScriptに変換したいです
-
セレクトボックスの初期選択状...
-
UART通信の取説で,left floati...
-
value内に変数を入れたい
-
[C#]連想配列の中に配列を入れたい
-
ブラウザ上のテキストボックス...
-
jsで、配列内の文章を改行する...
-
どのボタンがクリックされたの...
-
switchを使って四則演算のプロ...
-
hiddenのvalueの値を変えたい
-
tabindexの取得
-
指定したタグを書き換えるには?
-
画面表示とともにtableの指定の...
-
プルダウンで選択すると、DBの...
-
【jQuery】input nameの文字列...
-
return trueとreturn falseの用...
-
<JavaScript>tableタグを入力不...
-
onclickが動作しない
-
動的にTabindexの値を変えたい!
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
テキストボックスに入力された...
-
3つ以上の数値の中から、最も...
-
javascriptでhiddenに二次元配...
-
どのボタンがクリックされたの...
-
複数のsubmitボタンで押された...
-
これはAnd演算に変えてよいか?
-
VB.NET DateTimeの型について
-
HP内に検索エンジンを置きたい...
-
UART通信の取説で,left floati...
-
setIntervalの間隔を途中で変更...
-
jsで、配列内の文章を改行する...
-
ラジオボタンとテキストを同時...
-
[JavaScript+<select>]最初から...
-
プルダウンメニューリンクを新...
-
selectboxのoptionタグのvalue...
-
ラジオボタンを押して計算結果...
-
ループで連続したフォームの値...
-
[C#]連想配列の中に配列を入れたい
おすすめ情報