jsp 页面javascript问题请教~

Question

<script language="javascript">
  function a(obj){
     var _selectedvalue = obj.value;  for(i=1;i<=4;i++){  if(parseInt(_selectedvalue)==1){// 按时间段
            document.getElementById("tb1").style.display = 'block';  
            document.getElementById("tb2").style.display = 'none';
            document.getElementById("tb3").style.display = 'none';  
        } else if(parseInt(_selectedvalue)==2){  // 按月段
            document.getElementById("tb1").style.display = 'none';  
            document.getElementById("tb2").style.display = 'block';  
             document.getElementById("tb3").style.display = 'none';
        } else if(parseInt(_selectedvalue)==3) {   // 按年
            document.getElementById("tb1").style.display = 'none';  
            document.getElementById("tb2").style.display = 'none';  
             document.getElementById("tb3").style.display = 'block';
        }else if(parseInt(_selectedvalue)==4) {   // 按年历
            document.getElementById("tb1").style.display = 'none';  
            document.getElementById("tb2").style.display = 'none'; 
             document.getElementById("tb3").style.display = 'none'; 
        }
 }
</script><table width="100%" border="0">
<tr>
<td width="90" align="right">统计类型：</td>
<td width="105">
<form id="form1" name="form1" method="post" action=""><label>
<select name="select" onchange="a(this)">
<option value="1">时间段统计</option>
<option value="2">月度统计</option>
<option value="3">年度统计</option>
<option value="4">历年统计</option>
</select> </label></form>
</td>
<td width="50" align="center">日期：</td>
<td id="tb1" style='display:none'><input type='text' name='textfield2' size='13'/>
        <select id="tb2" style='display:none' name="YYYYfrom" onchange="YYYYDD(this.value) ">
<option value=" ">请选择 年</option>
</select> 
<select id="tb3"  style='display:none' name="MMfrom" onchange="MMDD(this.value) ">
<option value=" ">选择 月</option>我 调来调去老是有问题。。
希望哪位大哥 可以帮我改改其实 就是显示其中一个。隐藏其他全部的功能。。多谢！~！~

Answer 1

<table width="100%" border="0">
    <tr>
        <td width="90" align="right">统计类型：</td>
        <td width="105">                
        <form id="form1" name="form1" method="post" action=""><label>
        <select name="select" onchange="a(this)">            
            <option value="1">时间段统计</option>
            <option value="2">月度统计</option>
            <option value="3">年度统计</option>    
            <option value="4">历年统计</option>
        </select> </label></form>        
        </td>                                    
        <td width="50" align="center">日期：</td>
                <td  ><input type='text' id="tb1" name='textfield2' size='13'/>                                        
                <select id="tb2" style='display:none' name="YYYYfrom" onchange="YYYYDD(this.value) ">
                <option value=" ">请选择 年</option>        
                </select>                                 
                <select id="tb3"  style='display:none' name="MMfrom" onchange="MMDD(this.value) ">
            <option value=" ">选择 月</option></td>
</tr>
</table><script language="javascript">                                            
  function a(obj){  
     var _selectedvalue = obj.value;    if(parseInt(_selectedvalue)==1){// 按时间段            document.getElementById("tb1").style.display = 'block';  
            document.getElementById("tb2").style.display = 'none';
            document.getElementById("tb3").style.display = 'none';  
        } else if(parseInt(_selectedvalue)==2){  // 按月段
            document.getElementById("tb1").style.display = 'none';  
            document.getElementById("tb2").style.display = 'none';  
             document.getElementById("tb3").style.display = 'block';
           
        } else if(parseInt(_selectedvalue)==3) {   // 按年  
             document.getElementById("tb1").style.display = 'none';  
            document.getElementById("tb2").style.display = 'block';  
             document.getElementById("tb3").style.display = 'none';
        }else if(parseInt(_selectedvalue)==4) {   // 按年历            document.getElementById("tb1").style.display = 'none';  
            document.getElementById("tb2").style.display = 'none'; 
             document.getElementById("tb3").style.display = 'none'; 
        }  
 }                                
</script>

Answer 2

说明：
<td id="tb1" style='display:none'><input type='text' name='textfield2' size='13'/> 
改为
<td  ><input type='text' id="tb1" name='textfield2' size='13'/>  
tb1不能放到td里面，要不然你td一隐藏，后面的不管怎样都显示不出来。
function a方法里面不要循环，而且按月统计和按年统计顺序搞错了