下拉列表与层的关系？

Question

用innerHTML，select变动时，写入层的内容。

Answer 1

顶！还有innerHTML的用法不太明白
高手详解以下~~

Answer 2

<div id='div1'></div>
<div id='div2'></div>选择第一项时
document.div1.innerHTML = "写你要显示的内容的HTML代码";
选第二项时：
document.div2.innerHTML = "写你要显示的内容的HTML代码";

Answer 3

那要怎么用select来判断选择的value来指定要显示的div呢

Answer 4

通过select的value值判断选择不同的div

Answer 5

<select onchange="document.getElementById(this.value).style.visibility='visible'">
<option value="div1">div1</option>
<option value="div2">div2</option>
<option value="div3">div3</option>
</select><div id="div1" style="visibility:hidden">aaa</div>
<div id="div2" style="visibility:hidden">bbb</div>
<div id="div3" style="visibility:hidden">ccc</div>

Answer 6

谢谢，不知道能不能改成默认显示 div1,点了其他后隐藏所有只显示选择的？

Answer 7

<script language="javascript">
function getHTML(id){
switch(id){
case 'div1' :
return '<br><span style="color:990000">这是第一</span>'; break;
case 'div2' :
return '<br><span style="color:00dd00">这是第二</span>'; break;
case 'div3' :
return '<br><span style="color:222200">这是第三</span>'; break;
}
}
function changestate(id){
document.all.disp.innerHTML=getHTML(id);
}
</script><select name="sele" onchange="changestate(this.value)">
<option value="div1" selected>div1</option>
<option value="div2">div2</option>
<option value="div3">div3</option>
</select>
<div id="disp"></div>

Answer 8

是这样的，但可不可以让页面近来时显示div1??在body onload 里加个函数。还有就是不要把内容写在return '<br><span style="color:222200">这是第三</span>'; break;这里，能改成document.write吗？也就是可以写成很多行，不然写成一行很难看。