フォーム内の特定のエレメントのみ取得する

書式

elementObj = Form.getInputs(form, typeName, name)

form : フォームオブジェクト
typeName : 取得する種類
name : 取得するname属性値

説明

フォーム内の特定のエレメントのみ取得するにはForm.getInputs()メソッドを使います。二番目のパラメータに指定する種類は<input>タグのtype属性で指定する種類になります。三番目のパラメータは<input>タグ等のname属性で指定した名前になります。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function getFiledObj() {
var fObj = Form.getInputs("userData", "text");
$("result").innerHTML = fObj;
}
// --></script>
</head>
<body>
<h1>フォーム内の特定のエレメントのみ取得する</h1>
<form id="userData">
番号:<input type="text"><br>
名前:<input type="text"><br>
住所:<input type="text"><br>
性別:<input type="radio" name="grp">男性
   <input type="radio" name="grp">女性<br>
注釈:<textarea cols="40" rows="2"></textarea><br>
<input type="button" value="情報取得" onClick="getFiledObj()">
</form>
<div id="result"></div>
</body>
</html>