关于javascript的问题

后面的select/input轮换隐藏/显示就是

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<script language="javascript">
function selectchange(){
if(selecter.value==1){select1.style.display='';text1.style.display='none';}
if(selecter.value==2){select1.style.display='none';text1.style.display='';}
}
</script>
<select id="selecter" onchange="selectchange()">
  <option value="0">---请选择---</option>
  <option value="1">下拉列表</option>
  <option value="2">文本输入</option>
</select>
<select id="select1">
  <option>选项一</option>
  <option>选项二</option>
  <option>选项三</option>
  <option>选项四</option>
  <option>选项五</option>
</select>
<input id="text1" type="text" size="12" style="display:none"/>
</body>
</html>给点分吧,我没分了...
如果前面的select 有五项，怎么实现啊！！
先谢谢了，有答案就给分。
<option value="1">下拉列表</option>
<option value="2">文本输入</option>
<option value="3">下拉列表</option>
<option value="4">文本输入</option>
<option value="5">下拉列表</option><script language="javascript">
function selectchange(){
if(selecter.value==1){select1.style.display='';text1.style.display='none';}
if(selecter.value==2){select1.style.display='none';text1.style.display='';}
if(selecter.value==3){select1.style.display='';text1.style.display='none';}
if(selecter.value==4){select1.style.display='none';text1.style.display='';}
if(selecter.value==5){select1.style.display='';text1.style.display='none';}
}
</script>