| サンプル |
<![CDATA[
<html>
<head>
<title>選択された項目に応じて片方のメニューを表示／非表示にする</title>
<script language="JavaScript"><!--
menuItem = [ ["MZ-80K","MZ-700","MZ-2500"],
["PC-6001","PC-8001","PC-8801","PC-9801","PC-9821"],
[ ],
["FM-8","FM-7","FM-11","FM-77AV"] ];
function setMenuItem(n)
{
len = document.myForm.Computer.options.length;
for (i=0; i<len; i++)
{
document.myForm.Computer.options[i] = null;
}
if (menuItem[n].length > 0)
{
document.myForm.Computer.style.visibility = "visible";
for (i=0; i<menuItem[n].length; i++)
{
document.myForm.Computer.options[i] = new Option(menuItem[n][i],menuItem[n][i]);
}
}else{
document.myForm.Computer.style.visibility = "hidden";
}
}
// --></script>
</head>
<body>
<form name="myForm">
<select name="Maker" onChange="setMenuItem(this.selectedIndex)">
<option value="SHARP">SHARP</option>
<option value="NEC">NEC</option>
<option value="BANDAI">RX-78</option>
<option value="FUJITSU">FUJITSU</option>
</select>
<select name="Computer">
<option value="MZ-80K">MZ-80K</option>
<option value="MZ-700">MZ-700</option>
<option value="MZ-2500">MZ-2500</option>
</select>
</form>
</body>
</html>
]]>
|
選択された項目に応じて片方のメニューを表示／非表示にする
