如何设计这样的下拉列表
要求是这样的,我做了一个下拉列表,只要点击其中的某一个项目就会出现该项目有关表格,请问这样的列表怎么设计呢?
是这样吗?示范下
程序代码：
<select onchange="xxx(this.options[this.selectedIndex].value);">
<option selected="selected">请选择...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<div id="a1" style="display:none;">您选择了1</div>
<div id="a2" style="display:none;">您选择了2</div>
<div id="a3" style="display:none;">您选择了3</div>
<div id="a4" style="display:none;">您选择了4</div>
<div id="a5" style="display:none;">您选择了5</div>
<script language="javascript">
function xxx(selected)
{
for(var i = 1; i <= 5; i++)
{
if(selected == i)document.getElementById('a'+i).style.display = '';
else document.getElementById('a'+i).style.display = 'none';
}
}
</script>
