プルダウンとテキストの連動 【javascript プルダウンID選択し 各情報連動反映サンプル】

<html>
<head>
<script type="text/javascript"><!--
msgtxt = new Array();
for (i=0; i<3; i++){
msgtxt[i] = new Array();
}


msgtxt[0][0]="a-1が選択されているときのメッセージ";
msgtxt[0][1]="a-2が選択されているときのメッセージ";
msgtxt[0][2]="a-3が選択されているときのメッセージ";
msgtxt[1][0]="b-1が選択されているときのメッセージ";
msgtxt[1][1]="b-2が選択されているときのメッセージ";
msgtxt[1][2]="b-3が選択されているときのメッセージ";
msgtxt[2][0]="c-1が選択されているときのメッセージ";
msgtxt[2][1]="c-2が選択されているときのメッセージ";
msgtxt[2][2]="c-3が選択されているときのメッセージ";




function selchg(){
sltd=document.f1.s1.selectedIndex;
if (sltd=="0"){
document.f1.s2.options[0].text="a-1";
document.f1.s2.options[1].text="a-2";
document.f1.s2.options[2].text="a-3";
}
else if (sltd=="1"){
document.f1.s2.options[0].text="b-1";
document.f1.s2.options[1].text="b-2";
document.f1.s2.options[2].text="b-3";
}
else if (sltd=="2"){
document.f1.s2.options[0].text="c-1";
document.f1.s2.options[1].text="c-2";
document.f1.s2.options[2].text="c-3";
}
}


function txtchg(){
x=document.f1.s1.selectedIndex;
y=document.f1.s2.selectedIndex;
document.f1.t1.value=msgtxt[x][y];
}


function txtchg2(){
y=document.f1.s1.selectedIndex;
x=document.f1.s2.selectedIndex;
document.f1.t2.value=msgtxt[x][y];
}


//--></script>
</head>
<body>


<form name="f1">
<select name="s1" onChange="selchg()">
<option>a
<option>b
<option>c
</select>


<select name="s2" onChange="txtchg();txtchg2()">
<option>a-1
<option>a-2
<option>a-3
</select>


<textarea name="t1"></textarea>
<textarea name="t2"></textarea>
</form>


</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值