セレクトメニューと複数のテキストボックス連携

質問

お世話になります。セレクトメニュー１個と複数（２個）の
テキストボックスに連携についてお尋ねします。

セレクトメニュー１個の選択肢が「aaa」「bbb」「ccc」とあり、

「aaa」を選んだら、その value がテキストボックス１に「111」が入り、それと同時にテキストボックス２に「アルファベットの１番目」と入り、

「bbb」を選んだら、その value がテキストボックス１に「222」が入り、それと同時にテキストボックス２に「アルファベットの２番目」と入り、

「ccc」を選んだら、その value がテキストボックス１に「333」が入り、それと同時にテキストボックス２に「アルファベットの3番目」と入る、

ようにしたいのですが、どのような記述にしたらよろしいのでしょうか？
よろしくお願い致します。

回答No.1

yambejp · ベストアンサー

たとえばこんなかんじ

<script>
var list={
"---":["",""]
,"aaa":["111","xxx"]
,"bbb":["222","yyy"]
,"ccc":["333","zzz"]
};
function select2textbox(obj){
var f=obj.form;
if(typeof list[obj.value]!=="undefined"){
f.elements["t1"].value=list[obj.value][0];
f.elements["t2"].value=list[obj.value][1];
}
}
</script>
<form>
s1:<select name="s1" onchange="select2textbox(this)">
<option value="---">---</option>
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
<option value="ccc">ccc</option>
</select>
</div>
<div>t1:<input type="text" name="t1" value=""></div>
<div>t2:<input type="text" name="t2" value=""></div>
</form>

お礼

ありがとうございます。助かりました。