項目を選んだときに説明文を入れ替えるには？

[上に] [前に] [次に]
S 2000/05/24(水) 22:13:08
<SELECT>タグを使ってリストをつくり、その項目をクリックすると
その説明文が入れ替わる、というようなことがしたいのですが、
どうすればできるのかわかりません。
できればフレームを使わずに、多くのブラウザで見れるページに
したいのですが、勉強を始めたばかりの私でも簡単にできるやり方が
あったら教えてください。
ひつじどし 2000/05/25(木) 08:54:58
これではいかがでしょう？
----------------------

<HTML>
<head>
<title>sample</title>
<script language="javascript">
<!--
function setumei() {
  nn = document.forms[0].elements[0].selectedIndex;
  MM = document.forms[0].elements[1];
  if( nn == 0 ) { MM.value = "やきとり"; }
  if( nn == 1 ) { MM.value = "どんぶり"; }
  if( nn == 2 ) { MM.value = "ジンギスカン"; }
}
//-->
</script>
</head>
<body>
<form>
<select onChange="setumei()">
<option selected>とり</option>
<option>うし</option>
<option>ひつじ</option>
</select>
といえば
<input type=text size="20" value="やきとり">
</form>
</body>
</HTML>
S 2000/05/27(土) 00:13:54
ひつじどしさん、ありがとうございます。
高度すぎて私にはまだ理解しきれていませんが、がんばって理解
します。

ただ、この場合だと説明文を表示する場所が文字の入力欄になり
ますよね？<form>～</form>以外の場所に表示することは無理なん
でしょうか。

注文が多くて申し訳ありませんが、教えてくだされ～。
ひつじどし 2000/05/27(土) 01:07:14
私もそれをやりたいんですが普通のところ〈入力フィールドでないところ〉
の場所を指定する方法がわかりません。
フォームの中のものなら、名前か、何番目かで指定できるのですが、
それ以外の場所というのはどうやって特定するのでしょう？

誰かわかる方、教えてくだされ～。
おたふく 2000/05/27(土) 07:16:47
こんにちは

こんな感じであればできますが、
レイヤーを使っているので、NN、IEともVer4以降?でないとだめです。

僕もはじめたばかりで詳しいことはわかりませんので、
http://www.fureai.or.jp/~tato/DHTML/simple/contents.htm
http://www5.airnet.ne.jp/martin/CrossBrowser/
このへん見てみてください。

<HTML>
<head>
<title>sample</title>
<script language="javascript">
<!--
function changeHtml(layerName,htmlContents){
if(document.all)document.all(layerName).innerHTML=htmlContents;
if(document.layers){
with(document.layers[layerName].document){
open("text/html");
write(htmlContents);
close();
}
}
}

Ans=new Array('やきとり','どんぶり','ジンギスカン')
function setumei() {
nn = document.forms[0].elements[0].selectedIndex;
for(i=0;i<3;i++){
if(nn==i)changeHtml('answer',Ans[i])
}
}
//-->
</script>
</head>
<body onLoad="setumei()">
<form>
<select onChange="setumei()">
<option selected>とり</option>
<option>うし</option>
<option>ひつじ</option>
</select>
といえば
</form>
<DIV ID=answer STYLE="position:absolute;left:10;top:40"></DIV>
</body>
</HTML>
サルビア [E-Mail] [HomePage] 2000/05/27(土) 07:20:41
コメントを画像にするとかはダメですか？

document.images[0].src="コメント"+n+".gif" ;n=コメントインデックス

みたいにするとか。（強引かな？）
[上に] [前に] [次に]