JavaScript Tips

フォーム・セレクトボックスで何が選択されたか求める

セレクトボックスで項目を選択すると、テキストボックスに何が選択されたのかを表示させるサンプルです。
何が選択されたのかを知るにはselectedIndexで選択されたインデックスを取得する方法と、選択された項目のValue値を取得する方法の２種類が存在します。
<SCRIPT language="JavaScript">
<!--
function _selectcheck(obj)
{
   _num=obj.selectedIndex;
//_num=document.frm1.selSelect.selectedIndex; 上記と同意味です。

   if (_num==0){
       document.frm1.TxtSelectIndex.value='０番目が選択されました';
   }else if (_num==1){
       document.frm1.TxtSelectIndex.value='１番目が選択されました';
   }else if (_num==2){
       document.frm1.TxtSelectIndex.value='２番目が選択されました';
   }else if (_num==3){
       document.frm1.TxtSelectIndex.value='３番目が選択されました';
   }

   document.frm1.TxtSelectValue.value=obj.options[obj.selectedIndex].value;
}

//-->
</SCRIPT>
<FORM name=frm1>
<SELECT name=selSelect onchange="_selectcheck(this)">
<OPTION selected value=nothing>何か選択してください</OPTION>
<OPTION value=select1>選択項目の１</OPTION>
<OPTION value=select2>選択項目の２</OPTION>
<OPTION value=select3>選択項目の３</OPTION>
</SELECT><BR>
<INPUT size=25 type=text name=TxtSelectIndex><BR>
<INPUT size=25 type=text name=TxtSelectValue></FORM>