| サンプル |
<![CDATA[
<html>
<head>
<title>セレクトメニューの選択項目に応じて、もう１つのセレクトメニューの内容を変更する（2）</title>
<script language="JavaScript"><!--
menuItem = [ ["MZ-80K","MZ-700","MZ-2500"],
["PC-6001","PC-8001","PC-8801","PC-9801","PC-9821"],
["iMacG5"],
[],
["FM-8","FM-7","FM-11","FM-77AV"] ];
function clearOption(len)
{
var i;
for (i=0; i<len; i++)
{
document.myForm.Computer.options[i] = null;
}
}
function setMenuItem(n)
{
optlen = document.myForm.Computer.options.length;
while(optlen > 0)
{
clearOption(optlen);
optlen = document.myForm.Computer.options.length;
}
if (menuItem[n].length > 0)
{
for (i=0; i<menuItem[n].length; i++)
{
document.myForm.Computer.options[i] = new Option(menuItem[n][i],menuItem[n][i]);
}
}
}
// --></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="APPLE">APPLE</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>
]]>
|
セレクトメニューの選択項目に応じて、もう１つのセレクトメニューの内容を変更する（2）
