下拉框和IP输入框的联动问题

实现选择WINDOWS日志时间分布统计报告，则跳出“其他”以及更下级的IP输入框（由于不知道怎么联，现在单独放在外面），选择另外的日志报告，则回到“所有”，IP框不显。
<html> 
<head> 
<title></title> 
<script language="javascript" type="text/javascript" src="queren.js"></script>
<script language="javascript" type="text/javascript" src="reset.js"></script>
<script language="javascript" type="text/javascript" src="ip.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<style> 
<!-- 
body { font-size: 14px } 
--> 
.a3{width:30;border:0;text-align:center}
</style> 
</head> 
<body bgcolor=#FFFFFF alink=#333333 vlink=#333333 link=#333333 topmargin=0 leftmargin=0 > 
<form  method=post name="creator" enctype="multipart/form-data"> 
<script language="javascript"> 
<!-- 
var where = new Array(3); 
function comefrom(loca,locaother) { this.loca = loca; this.locaother = locaother;} 
where[0]= new comefrom("WINDOWS系统事件日志统计报告","所有|其他"); 
where[1]= new comefrom("WINDOWS系统启停统计报告","所有|其他"); 
where[2]= new comefrom("WINDOWS日志时间分布统计报告","其他"); 
function select() { 
with(document.creator.province) { var loca2 = options[selectedIndex].value; } 
for(i = 0;i < where.length;i ++) { 
if (where[i].loca == loca2) { 
loca3 = (where[i].locaother).split("|"); 
for(j = 0;j < loca3.length;j++) { with(document.creator.other) { length = loca3.length; options[j].text = loca3[j]; options[j].value = loca3[j]; var loca4=options[selectedIndex].value;}} 
break; 
}} 
document.creator.newlocation.value=loca2+loca4; 
} 
function init() { 
with(document.creator.province) { 
length = where.length; 
for(k=0;k<where.length;k++) { options[k].text = where[k].loca; options[k].value = where[k].loca; } 
options[selectedIndex].text = where[0].loca; options[selectedIndex].value = where[0].loca; 
} 
with(document.creator.other) { 
loca3 = (where[0].locaother).split("|"); 
length = loca3.length; 
for(l=0;l<length;l++) { options[l].text = loca3[l]; options[l].value = loca3[l]; } 
options[selectedIndex].text = loca3[0]; options[selectedIndex].value = loca3[0]; 
}} 
--> 
</script> 
<body onload="init()"> 
<fieldset class="TitleAndBox">
<legend class="Title"><FONT color="#CC0000">动态报表</legend>
<table width="100%" height="30" border="1" align="center" cellpadding="0" cellspacing="0">
<tr align="center" >
<td>选择报表：</td>
<td align="left">
 <select name="province"  onChange="select()"></select> 
 <input name="content" type="radio" value="HTML" />HTML格式
          <input name="content" type="radio" value="EXCEL" />EXCEL格式
</td>
</tr>
<tr align="center">
<td>时间范围：</td>
</tr>
<tr align="center">
<td>日志源：</td>
<td align="left">
        <select name="other" onChange="showip()">
         </select>
<span  style="border-width:1;border-color:balck;border-style:solid;width:160;font-size:9pt">
<input type=text name=ip1 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip2 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip3 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip4 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>
</span>
 </td>  
     </tr>
<table height="40" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><input type="button" value="确定" onclick="confirmer();"></td>
<td><input type="button" value="重置" onclick="fun1()"></td>
</tr>
</table>
</body>
</form>
</html>