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で質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンと連動して文字列...
-
VB.NET DateTimeの型について
-
オブジェクト配列
-
セレクトボックスの初期選択状...
-
C言語クイックソートの比較総回...
-
setIntervalの間隔を途中で変更...
-
Jqueryを使って値の合計を簡単...
-
selectboxのoptionタグのvalue...
-
value内に変数を入れたい
-
複数のsubmitボタンで押された...
-
return trueとreturn falseの用...
-
JavaScriptで<select>の<option...
-
複数のselect値で1つも選択され...
-
全てのselect要素をデフォルト...
-
idの振り直しについて
-
html selectの内容を初期値に戻す
-
selectボックスで選択数を制限...
-
jQuery セレクトボックスで選択...
-
フォームのチェックボックスの...
-
ラジオボタンで選択変更
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
複数のsubmitボタンで押された...
-
テキストボックスに入力された...
-
フォーム内容を上から順番にJav...
-
VBAをJavaScriptに変換したいです
-
javascriptでhiddenに二次元配...
-
大量のselect要素のvalueを短い...
-
フォームで入力した値を別のフ...
-
プルダウン選択時、既に入力済...
-
ラジオボタンと連動して文字列...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
クリックの度に加算していくには?
-
setIntervalの間隔を途中で変更...
-
Pythonで会員サイトの自動ログ...
-
selectboxのoptionタグのvalue...
-
JavaScriptによる自動計算フォ...
おすすめ情報