アプリ版:「スタンプのみでお礼する」機能のリリースについて

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件)

・ 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>
    • good
    • 0

<input type = "hidden" name="abc" value="aaa"/>


           ↓
<input type = "hidden" id="abc" value="aaa"/>

document.abc.value = ~
           ↓
document.getElementById("abc").value = ~
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!