select オブジェクト

説 明: フォーム上の、ボタンを扱うためのオブジェクト。

書 式:
  document.forms[n].blur()
document.forms[n].focus()
document.forms[n].elements[n].blur()
document.forms[n].elements[n].focus()
document.FormObject.blur()
document.FormObject.focus()
document.FormObject.selectObject.blur()
document.FormObject.selectObject.focus()
document.forms[n].name = Name
document.forms[n].elements[n].name = Name
Length= document.forms.length
Name = document.forms[n].name
Length= document.forms[n].elements.length
Name = document.forms[n].elements[n].name
Type = document.forms[n].elements[n].type
フォーカスを失う
フォーカスを設定
フォーカスを失う
フォーカスを設定
フォーカスを失う
フォーカスを設定
フォーカスを失う
フォーカスを設定
名前を設定
名前を設定
数を返す
名前を取得
数を返す
名前を取得
タイプを取得
  document.forms[n].elements[n].options[n].defaultSelected = BOOL
document.FormObject.selectObject.options[n].defaultSelected = BOOL
   初期状態を設定。選択する時は true、しない時は false を指定。
document.forms[n].elements[n].options[n].selected = BOOL
document.FormObject.selectObject.options[n].selected = BOOL
   選択状態を設定。選択する時は true、しない時は false を指定。
document.forms[n].elements[n].options[n].text = Text
document.FormObject.selectObject.options[n].text = Text
   表示テキストを指定。
Form = document.forms[n].elements[n].form
Form = document.FormObject.selectObject.form
Form = this.form
   上記3つどの指定方法でも、フォームオブジェクトを返る。
BOOL = document.forms[n].elements[n].options[n].defaultSelected
BOOL = document.FormObject.selectObject.options[n].defaultSelected
   初期状態を取得。選択時は true、そうでない時は false が返る。
BOOL = document.forms[n].elements[n].options[n].selected
BOOL = document.FormObject.selectObject.options[n].selected
   選択状態を取得。選択時は true、そうでない時は false が返る。
Text = document.forms[n].elements[n].options[n].text
Text = document.FormObject.selectObject.options[n].text
   表示テキストを取得。
Value = document.indexs[n].elements[n].options[n].index
Value = document.FormObject.selectObject.options[n].index
   参照番号を取得。
Value = document.forms[n].elements[n].selectedIndex
Value = document.FormObject.selectObject.selectedIndex
   選択中の項目を返す。何も選択されていない時は -1 が返る。

使用例:
  <FORM NAME="F1">
  <INPUT TYPE="TEXT" VALUE="1"><INPUT TYPE="TEXT" VALUE="2">
  <INPUT TYPE="BUTTON" VALUE="Change Focus" onClick="ChFocus();">
</FORM>
<FORM NAME="F2">
  <SELECT NAME="slct" onChange="Slct();">
    <OPTION VALUE="1">No.1
    <OPTION VALUE="2" SELECTED>No.2
    <OPTION VALUE="3">No.3
  </SELECT>
  <INPUT TYPE="TEXT" NAME="val">
</FORM>
<SCRIPT TYPE="text/JavaScript">
<!--
var cnt = 0;
function ChFocus()
{
  document.F1.elements[cnt].blur();
  document.F1.elements[cnt^1].focus();
  cnt ^= 1;
}
var F1 = document.F1.elements[0].form;
document.write( "Form Name: ", F1.name, "<BR>" );
var F2 = document.F1;
for( i =0 ; i < F2.elements.length ; i++ ) {
  document.write( "Type[", i, "]  : ",
      F2.elements[i].type, "<BR>" );
}
document.write( "Length   : ", F2.elements.length, "<BR><BR>" );
var F2 = document.F2.slct;
for( i = 0 ; i < F2.options.length ; i++ ) {
  document.write( "DefaultSelected[", F2.options[i].index,
      "]: ", F2.options[i].defaultSelected, "<BR>" );
}
for( i = 0 ; i < F2.options.length ; i++ ) {
  document.write( "Selected[", F2.options[i].index,
      "]       : ", F2.options[i].selected, "<BR>" );
}
for( i = 0 ; i < F2.options.length ; i++ ) {
  document.write( "Text[", F2.options[i].index,
      "]           : ", F2.options[i].text, "<BR>" );
}
function Slct()
{
  var Num = document.F2.slct.selectedIndex + 1;
  var msg = "No." + Num + " : selected";
  document.F2.val.value= msg;
}
Slct();
//-->
</SCRIPT>

実 行: