<script language="javascript">
var IsShow;
IsShow="F";
function ShowList(Item)
{
var LHtml;
if(IsShow=="F")
{
LHtml="<select name=D1>";
if(Item=="a")
{
LHtml+="<option>b</option>";
LHtml+="<option>c</option>";
LHtml+="<option>d</option>";
LHtml+="</select>";
this.layer(0).innerHTML=LHtml;
}
if(Item=="b")
{
LHtml+="<option>e</option>";
LHtml+="<option>f</option>";
LHtml+="<option>g</option>";
LHtml+="</select>";
this.layer(1).innerHTML=LHtml;
}
if(Item=="c")
{
LHtml+="<option>h</option>";
LHtml+="<option>i</option>";
LHtml+="<option>j</option>";
LHtml+="</select>";
this.layer(2).innerHTML=LHtml;
}
IsShow="T";
}
else
{
for(var i=0;i<this.layer.length;i++)
{
if(this.layer(i).innerHTML!="")
{
this.layer(i).innerHTML="";
}
}
IsShow="F";
}

}
</script>
<table border="0" style="border-collapse: collapse" width="100%" id="table1">
<tr>
<td width="14">
<a href=# onclick="ShowList('a');">a</a></td>
<td><div id="layer"></div></td></td>
</tr>
<tr>
<td width="14">
<a href=# onclick="ShowList('b');">b</a></td>
<td><div id="layer"></div></td></td>
</tr>
<tr>
<td width="14">
<a href=# onclick="ShowList('c');">c</a></td>
<td><div id="layer"></div></td></td>
</tr>
</table>

<script language=javascript>
function ShowLayer(index)
{
if(this.Layer(index).style.display=="none")
{
this.Layer(index).style.display="block";
}
else
{
this.Layer(index).style.display="none";
}
}
</script>
<a href=# onclick=ShowLayer(0); >a</a><br>
<div style=display:none; id=Layer>
d<br>
e<br>
f<br>
</div>
<a href=# onclick=ShowLayer(1); >b</a><br>
<div style=display:none; id=Layer>
g<br>
h<br>
i<br>
</div>
<a href=# onclick=ShowLayer(2); >c</a><br>
<div style=display:none; id=Layer>
j<br>
k<br>
l<br>
</div>

<script language=javascript>
function ShowLayer(index)
{
if(this.Layer(index).style.display=="none")
{
this.Layer(index).style.display="block";
}
else
{
this.Layer(index).style.display="none";
}
}
</script>
<table border="1" style="border-collapse: collapse" width="6%" id="table1">
<tr>
<td><a href=# onclick=ShowLayer(0); >a</a></td>
</tr>
<tr>
<td><div style=display:none; id=Layer>
d<br>
e<br>
f<br>
</div>
</td>
</tr>
<tr>
<td><a href=# onclick=ShowLayer(1); >b</a></td>
</tr>
<tr>
<td>
<div style=display:none; id=Layer>
g<br>
h<br>
i<br>
</div>
</td>
</tr>
<tr>
<td><a href=# onclick=ShowLayer(2); >c</a></td>
</tr>
<tr>
<td>
<div style=display:none; id=Layer>
j<br>
k<br>
l<br>
</div>
</td>
</tr>
</table>