如何设计这样的下拉列表

<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>