当列表选中某一个值时，文本框自动隐藏

有一个列表框同一个文本框
 <select>   
<option   value="aa">aa</option>   
<option   value="bb">bb</option>  
<option   value="cc">cc</option>  
 </select>   
<input   type=text   id=text1>   
当选择了aa的时候，文本框就显示出来，选择其它的时候，文本框就会自动隐藏..
请各位指点指点.~!

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
        function changeTextStatus(optionValue){
    if(optionValue == "aa"){
    document.getElementById('text1').style.display = 'block';
    }else{
    document.getElementById('text1').style.display = 'none';
    }
    }
    </SCRIPT>
    </HEAD><BODY>
     <select onchange="changeTextStatus(this.options[this.selectedIndex].value);">   
    <option   value="aa">aa</option>   
    <option   value="bb">bb</option>  
    <option   value="cc">cc</option>  
     </select>   
    <input   type=text   id=text1> 
    </BODY>
    </HTML>