form内の各form要素の値を列挙する。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>formのelements配列</title> <link href="/gudon/css/default.css" rel="stylesheet" type="text/css" /> </head> <body> <h1>formのelements配列</h1> <hr /> <p>form内の各form要素の値を列挙する。</p> <form name="form1"> <input name="textbox1" type="text" value="テキストボックス"/> <input name="button1" type="button" value="ボタン" onclick="button1_onclick();"/> </form> <div id="msg"></div> <script type="text/javascript"> function button1_onclick() { var msg = ""; var elements = document.form1.elements; for(var i = 0; i < elements.length; i++) { msg += (elements[i].name + "=" + elements[i].value + "<br />"); } document.getElementById("msg").innerHTML = msg; } </script> </body> </html>