Formの要素を配列にした場合のJavaScriptの書き方
JavaScript・XHTML・CSS (43 items)
2004年06月24日
Formの要素を配列で指定
<input type="text" name="abc[0]">
<input type="text" name="abc[1]">
<input type="button" value="test" onClick="alert(form1.abc[1].value)">
JavaScriptでform1.abc[1].valueと参照すると下記の様なエラーが発生
※abc.0はNULLまたはオブジェクトではありません
<hr>
※解決方法（textとradio)
<html>
<form name="form1">
<input type="text" name="abc[0]" value="a">
<input type="text" name="abc[1]" value="b">
<input type="button" value="test" onClick="alert(form1.elements['abc[0]'].value)">
<hr>
1:<input type="radio" name="radio[0]" value="1" checked>
2:<input type="radio" name="radio[0]" value="2">
1:<input type="radio" name="radio[1]" value="1">
2:<input type="radio" name="radio[1]" value="2" checked>
<input type="button" value="test" onClick="alert(form1.elements['radio[0]'][0].checked)">
<hr>
</form>
</html>
この記事に関連した過去記事一覧は画面下にあります。
Comments
コメントは、まだ書かれていません
Add Comments
Trackback
ネットビジネス用CGI Perl HTML Javascriptの情報サイト wrote:
JavaScriptの配列:
複数の値をまとめて扱う場合に1〜2つ程度であれば前回の記事で説明したように変数を使用すれば問題ないとおもいます。
しかし扱うデータが100個になった場合はどうでしょう。
「変数を100個宣言して…」なんてしていてはとても大変です。
こんな時には通常は「配列」と呼ばれるものを使用します。
配列とは、複数の変数の集合を表わした変数のかたまりです。
配列も前回の記事の変数と同じように宣言してから使用しますが、配列を宣言するときは、変数の数（要素数）も一緒に指定します。
(要素数を初めに指定せず動的に配列のサイズを変更する事も可能です）
また、配列の中の一つの変数に、アクセスする時は、要素番号を指定して各要素にアクセスします。
2006年03月13日 00時51分18秒
Trackback URL
http://www.res-system.com/weblog/action.php?action=plugin&name=TrackBack&tb_id=112