如何动态更换CSS皮肤！

现在我有几个CSS的皮肤样式，要通过一个下拉列表框中选择其中的样式进行更换，不知道怎样实现，请高人指教，真诚的谢谢！最好详细举例！

<link href="skins/yellow/yellow.css" rel="stylesheet" type="text/css" id="cssfile" />

刚开始的时候要给link命名id="cssfile"，然后加上下面的就行了，其实就是更换样式表；

JS:
<script language="javascript">
 function changestyle(name){
 css=document.getElementById("cssfile");
 css.href="skins/"+name+"/"+name+".css";
 document.all.sel.options[0].selected=true;
 }
</script>

select：
<select name="sel" onchange="changestyle(this.options[this.options.selectedIndex].value)">  
  <option value="base">请选择</option>  
  <option value="base">经典蓝</option> 
  <option value="black">冷酷黑</option>
  <option value="yellow">秋天黄</option>
  <option value="blue">蓝色的</option>
</select>