| 解 説 |
フォーム要素（エレメント）が複数あり名前＋番号で管理している場合、JavaScriptで参照するには「document.myFORM.elements["data"+i]」のように指定します。dataはエレメントに付けた名前でiは参照番号を入れた変数になります。iの値が1ならば「document.myFORM.elements["data1"]」となりdata1のエレメントを参照する事になります。
|
| コード |
<![CDATA[
<html>
<head>
<title>フォーム要素を「名前＋番号」でアクセスする</title>
<script language="javascript"><!--
function calc()
{
total = 0;
for (i=0; i<4; i++)
{
total += eval(document.myFORM.elements["data"+i].value);
}
alert("合計は"+total+"です");
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="text" size="2" name="data0"><br>
<input type="text" size="2" name="data1"><br>
<input type="text" size="2" name="data2"><br>
<input type="text" size="2" name="data3"><br>
<input type="button" value="合計" onClick="calc()">
</form>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
フォーム要素を「名前＋番号」でアクセスする