　とします。NAME オプションはドロップダウンリストの名前、またドロップダウンリ
　ストの場合 SIZE オプションは 1 に設定します。2 以上の値を設定した場合は通常
　のリストボックスになってしまいます。

　では実際にリストを利用してプログラムを作成してみます。

1. リストボックス

　　好きな果物を、リストボックスにより選択して、その結果をテキストボックスに
　表示します。

　　<SCRIPT TYPE="text/JavaScript">
　　<--
　　function Select( parts )　　　　// (1)
　　{
　　　　var i, Msg = "";
　　　　for( i = 0 ; i < parts.options.length ; i++ ) {　　// (2)
　　　　　　if( parts.options[i].selected ) {　　　// (3)
　　　　　　　　Msg = Msg + parts.options[i].value + "　";　　// (4)
　　　　　　}
　　　　}
　　　　document.lst.val.value = Msg;　　//(5)
　　}
　　//-->
　　</SCRIPT>

　　好きな果物は？( 複数選択可能 Ctrl + Click )<BR>
　　<FORM NAME="lst"> 　　// (6)
　　　　<SELECT SIZE="5" MULTIPLE NAME="Slct" ONCHANGE="Select(this);">
　　　　　　<OPTION VALUE="みかん">みかん
　　　　　　<OPTION VALUE="ぶどう">ぶどう
　　　　　　<OPTION VALUE="もも">もも
　　　　　　<OPTION VALUE="りんご">りんご
　　　　　　<OPTION VALUE="いちご">いちご
　　　　</SELECT><BR>
　　　　あなたの好きな果物は<INPUT NAME="val" SIZE="15">です。
　　</FORM>

【解説】

　(1) 選択内容が変化したときに、呼び出されます。
　(2) parts.option.length は、<OPTION> の数。ここでは 5 が返されます。
　(3) parts.option[i].selected は i 番目の選択肢が選択されていると true、
　そうでないと false が返されます。
　(4) parts.options[i].value は i 番目の選択肢の VALUE が返されます。
　(5) テキストボックスに、選択された内容を表示します。
　(6) フォームの設定

【実行してみよう】

好きな果物は？( 複数選択可能 Ctrl + Click )

2. ドロップダウンリスト

　　ドロップダウンリストから好きな果物を選択して、テキストボックスに表示する
　プログラムを作ります。

　　<SCRIPT TYPE="text/JavaScript">
　　<--
　　function Chng( pts )　　　　// (1)
　　{
　　　　// (2)
　　　　document.pl.v.value = pts.options[pts.selectedIndex].value;
　　}
　　//-->
　　</SCRIPT>

　　<FORM NAME="pl"> 　　// (3)
　　　　<SELECT NAME="Slct" ONCHANGE="Chng(this);">
　　　　　　<OPTION VALUE="">あなたの好きな果物は？
　　　　　　<OPTION VALUE="みかん">みかん
　　　　　　<OPTION VALUE="ぶどう">ぶどう
　　　　　　<OPTION VALUE="もも">もも
　　　　　　<OPTION VALUE="りんご">りんご
　　　　　　<OPTION VALUE="いちご">いちご
　　　　</SELECT><BR>
　　　　あなたの好きな果物は<INPUT NAME="val" SIZE="15">です。
　　</FORM>

【解説】

　(1) ドロップダウンリストから選択肢を選択されたときに呼び出されます。
　(2) 選択された VALUE の内容を獲得し、テキストボックスに表示します。
　(3) フォームの設定。

【実行してみよう】