★・・・Formオブジェクト(フォーム名またはforms[参照番号]) |
form要素の各属性で指定されるフォームの送信先や送信方法に関するプロパティです。これらの設定にJavaScriptを利用することにより、ユーザの選択や環境によって送信先やエンコード方式、送信方法を変更できます。
targetプロパティ
フォームの内容を送信した結果を表示させるフレーム名またはウィンドウ名を参照/設定します。
index.html
<head>
<title>JavaScript Sample</title>
<script type=”text/javascript”>
// フォームの送信先を変更する関数
function sendForm() {
var formElem = document.getElementById(“form1”);
// ラジオボタン「感想」選択時の処理
if (formElem.radio1[0].checked) {
if (!confirm(“送信内容はご感想でよろしいですか?”)) return false;
// 送信先を設定
formElem.action = “impression.html”;
}
// ラジオボタン「質問」選択時の処理
if (formElem.radio1[1].checked) {
if (!confirm(“送信内容はご質問でよろしいですか?”)) return false;
// 送信先を設定
formElem.action = “question.html”;
}
}
</script>
</head>
<body onload=”formInitialize()”>
<form action=”” id=”form1″ onsubmit=”return sendForm()”>
<p>
<input type=”radio” name=”radio1″ checked=”checked” />感想
<input type=”radio” name=”radio1″ />質問
</p>
<p>
<textarea name=”text” cols=”30″ rows=”5″>
</p>
<p>
<input type=”submit” value=”送信” />
<input type=”reset” value=”クリア” />
</p>
</form>
</body>
</html>
question.html
<head>
<title>JavaScript Sample</title>
</head>
<body>
<p>質問の送信先</p>
</body>
</html>
impression.html
<head>
<title>JavaScript Sample</title>
</head>
<body>
<p>感想の送信先</p>
</body>
</html>