WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:combboxの連動

0:[投稿] kkk [MAIL] [2002/08/28 17:44 ][環境:WIN+IE WIN系+Java]

はじめまして
 ただいま、連動コンボボックスに挑戦中なのですが、動くには
 動くのですが、一つの配列で、flg見たいなやつをもたせそれで、
 判断をして連動させたいのですが、よい考えが浮かびません。
 誰か教えてください。お願いします。 

<html>
<head>
<title>JavaScriptな部屋</title>
<script language="JavaScript">

<!--
//コンボボックス等のメニュー選択プログラム用
//コンボボックス1用
cbnum = 3;
cbdata = new Array(cbnum);
cbdata[0] = "赤い色";
cbdata[1] = "青い色";
cbdata[2] = "白い色";

//コンボボックス2用
lbnum1 = 3;
lbdata1 = new Array(lbnum1); //ココの配列3種類を
lbdata1[0] = "夕焼け";    //一つの配列で動くように
lbdata1[1] = "朝焼け"; //にしたい。
lbdata1[2] = "薔薇";

lbnum2 = 4;
lbdata2 = new Array(lbnum2);
lbdata2[0] = "海";
lbdata2[1] = "空";
lbdata2[2] = "サファイア";
lbdata2[3] = "あじさい";

lbnum3 = 4;
lbdata3 = new Array(lbnum3);
lbdata3[0] = "雲";
lbdata3[1] = "霧";
lbdata3[2] = "ソフトクリーム";
lbdata3[3] = "星";

//lb1表示用
function ch_lb1(fm)
{
var selv = fm.cb1.options[fm.cb1.selectedIndex].value;

if(selv == 0)
{
fm.lb1.length = lbnum1
for(i=0; i<lbnum1; i++) fm.lb1.options[i].text = lbdata1[i];
}
else
{
if(selv == 1)
{
fm.lb1.length = lbnum2
for(i=0; i<lbnum2; i++) fm.lb1.options[i].text = lbdata2[i];
}
else
{
fm.lb1.length = lbnum3
for(i=0; i<lbnum3; i++) fm.lb1.options[i].text = lbdata3[i];
}
}
}

// -->
</script>
</head>
<form name="fm16">
<table>

<tr>
<td>
<center><select name="cb1" onChange="ch_lb1(this.form);">
<script language="JavaScript">
<!--
for(i=0; i<cbnum; i++)
{
if(i == 0) document.write (’<option value="’ + i + ’" selected>’ + cbdata[i]);
else document.write (’<option value="’ + i + ’">’ + cbdata[i]);
}

//-->
</script>
</select></center></td>
<td>
<center><select name="lb1" >
<script language="JavaScript">
<!--
for(i=0; i<lbnum1; i++)
{
if(lbnum1 > i) document.write (’<option value="’ + i + ’">’ + lbdata1[i]);
else document.write (’<option value="’ + i + ’">’);
}


//-->
</script>
</select>
</table></form>


1:[回答] 重複 [MAIL] [2002/08/28 20:05 ]

http://board.allabout.co.jp/board+whole+javascript.abc?seq=618

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World