tontonpokopoko回答ポイント 430ptウォッチ 2

javascript の getElementById で悩んでいます。

それぞれ違ったID箇所(かなりの量)を、リストボックスで選択するたびに、
「何たら」を違うものに表示させています。

<span id="1">何たら</span>
<span id="2">何たら</span>
<span id="3">何たら</span>
かなりの量で続く↓

if(document.hoge.list.value=1){
document.getElementById('1').innerHTML = 'こうたら';
}else if(document.hoge.list.value=2){
document.getElementById('2').innerHTML = 'こうたら';
}else if ....

リストボックスを選択(例えばID1)したときに変更するところまでは出来ている(ID1は”こうたら”になった)のですが、
再び違うID箇所が選択(ID2)されたときには、以前の変更箇所は初期に戻したい(ID2は”こうたら”に変更、ID1は”何たら”に戻したい)のです。

document.getElementById('1').innerHTML = '何たら';

ID2に上記を追加すればいいことはわかりますが、
リストの何を選ばれるか分かりませんので、現状ではIDの数だけ書かなければなりません。

やりたいことは上書きされるのではなく、選択するたびに新規の動作がほしい。

説明が悪いですが、よろしくお願いしますm(_)m

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する

みんなの回答

この質問へのコメント

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2010-12-11 09:10:51
終了日時
2010-12-12 04:19:04
回答条件
1人5回まで

この質問のカテゴリ

この質問に含まれるキーワード

JavaScript2781hoge915

人気の質問

メニュー

PC版