現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

フォーム

JavaScriptでフォームを参照しよう!

投稿日:

★.フォーム名 フォームを参照
forms[参照番号] フォームを参照
★.forms.length フォームの数を参照
♦.name フォームの名前を参照

★・・・Documentオブジェクト
♦・・・Formオブジェクト(フォーム名またはforms[参照番号])
スポンサーリンク

Formオブジェクト

    フォームを参照するには、名前(フォーム名)や参照番号を利用します。フォーム名は<form>タグのname属性あるいはid属性で指定されているフォームの名前です。たとえば、<form name=”enqForm”>と指定されているフォームを参照する場合は次のようになります。

document.enqForm
document.forms[“enqForm”]

    参照番号を利用する方法は、ドキュメント中のフォームを要素とする配列から、その参照番号に対応するフォームにアクセスします。指定する際はforms[参照番号]という形式になります。フォームの参照番号はドキュメントの中にフォームが記述されている順番で、0からの連番になります。たとえば、ドキュメント中の2番目のフォームを参照する場合は次のようになります。

スポンサーリンク
document.forms[1]

forms.lengthプロパティ

    ドキュメントの中にあるすべてのフォームの数を参照します。

// ドキュメントに含まれるフォームの総数をダイアログに表示します。
alert(“このドキュメントに含まれるフォームの数:” + document.forms.length);

nameプロパティ

    フォームの名前を参照します。

// 2番目のフォームの名前を変数 fName に代入します。
fName = document.forms[1].name;

    <form id=”enqForm”>と指定されているフォームをDOMで参照する場合は次のようになります。

document.getElementById(“enqForm”)
スポンサーリンク

-フォーム
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

JavaScriptでエンコード方式を設定しよう!

★.action 送信先を参照/設定 スポンサーリンク ★・・・Formオブジェクト(フォーム名またはforms[参照番号])     form要素の各属性で指 …

JavaScriptでフォームの部品に表示されるテキストを設定

★.value エレメントの文字列を参照/設定 ★.defaultValue テキストエリアの初期文字列を参照 ★.options[参照番号].text 選択メニューの項目を参照/設定 ★・・・Ele …

JavaScriptで選択の初期状態を調べよう!

♦.defaultChecked 初期チェック状態を参照 ♦.options[参照番号].defaultSelected 初期選択状態を参照 ♦・・・Elem …

JavaScriptでどの項目が選択されているか調べよう!

★.selectedIndex ★・・・Elementオブジェクト(エレメント名またはelements[参照番号]) セレクトメニューで選択されている項目の参照番号を参照します。最初のメニュー項目の参 …

JavaScriptで自動的にフォーカスを移動させてみよう!

★.click() クリックする ★.blur() フォーカスを外す ★.focus() フォーカスを合わせる ★.select() 文字を選択状態にする ★・・・Elementオブジェクト(エレメン …

S