下拉式選單後面文字方塊會顯示Javascript DropdownList Layer

Q請問Dreamweaver高手幫幫忙
http://tw.knowledge.yahoo.com/question/question?qid=1509112305926
最近要做一個網頁
我想做一個下拉式選單

例如 下拉選單有123的選項
我如果選1後面文字方塊會顯示電腦 喇叭
選2會顯示手機 耳機
選3會顯示滑鼠 鍵盤

請問程式碼如何寫....麻煩高手解答@@
如果可以的話 後面顯示的文字 是要可以超連結的
麻煩了 感謝~

A簡單使用Javascript就可以達到
此部份改寫Yahoo不換頁切換內容
http://asp.godhelp.com.tw/2009/11/layer-show-hide.html

語法參考


<SCRIPT language=JavaScript>
<!-- //
function ChangeItem()
{
var sLayer='';
for(var i=0;i<document.all.sItem.length;i++)
{
if (document.all.sItem[i].selected==true)
{
sLayer=document.all.sItem[i].value;
break;
}
}
ContentShow(sLayer);
}
//Show Layer
function ContentShow(sLayer)
{
ContentClose();
eval("document.all.Content"+sLayer+".style.display='block'");



}
//Close All
function ContentClose()
{
document.all.Content1.style.display='none';
document.all.Content2.style.display='none';
document.all.Content3.style.display='none';
}
// -->
</script>
<TABLE border="1">
<TR>
<TD>
<SELECT NAME="sItem" onchange="ChangeItem()">
<OPTION VALUE="1" SELECTED>1
<OPTION VALUE="2">2
<OPTION VALUE="3">3
</SELECT>
</TD>
<TD>
<Div id='Content1' style='display:block;'>
<A HREF="">電腦 喇叭
</A></Div>
<Div id='Content2' style='display:none;'>
<A HREF="">手機 耳機
</A></Div>
<Div id='Content3' style='display:none;'>
<A HREF="">滑鼠 鍵盤
</A></Div>
</TD>
</TR>
</TABLE>


Ajax Utf8