幾つかの選択肢があるような場合,リストボックスなどを使用することがあります.ここではそのリストについて簡単に説明します.
では実際にリストを利用してプログラムを作成してみます.
好きな果物を,リストボックスにより選択して,その結果をテキストボックスに表示します.
<SCRIPT LANGUAGE="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)<P>
<FORM NAME="Lst"> //(6)
<SELECT SIZE=5 MULTIPLE NAME="Slct" ONCHANGE="Select(this)">
<OPTION VALUE="">好きな果物は(複数可)?
<OPTION VALUE="みかん">みかん
<OPTION VALUE="ぶどう">ぶどう
<OPTION VALUE="もも">もも
<OPTION VALUE="りんご">りんご
<OPTION VALUE="いちご">いちご
</SELECT><P>
あなたの好きな果物は<INPUT NAME="val" SIZE=15>です.
</FORM>