<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<select id=select1 name=select1 onChange="foo()">
<option>三个月</option>
<option>六个月</option>
<option>九个月</option>
<option>自定义</option>
</select>
<br>
<input type="text" id=text1 name=text1 style="visibility:hidden">
<input type="text" id=text2 name=text2 style="visibility:hidden">
<script>
function foo(){
if(select1.selectedIndex == 3){
text1.style.visibility = '';
text2.style.visibility = '';
}
else{
text1.style.visibility = 'hidden';
text2.style.visibility = 'hidden';
}
}
</script>
</BODY>
</HTML>

解决方案 »

  1.   

    发现一个问题
    如果我在两个INPUT前加标签
    怎么让它也一块儿隐藏

    起始日期,截止日期
      

  2.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <select id=select1 name=select1 onChange="foo()" style="WIDTH: 99px">
    <option selected>三个月</option>
    <option>六个月</option>
    <option>九个月</option>
    <option>自定义</option>
    </select>
    <br>
    <input id=lable1 name=lable1 value="起始日期" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; VISIBILITY: hidden; BORDER-LEFT: 0px; WIDTH: 53px; BORDER-BOTTOM: 0px; HEIGHT: 18px" readonly size=6>
    <input id=text1 name=text1 style="VISIBILITY: hidden">
    <input id=lable2 name=lable2 value="截止日期" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; VISIBILITY: hidden; BORDER-LEFT: 0px; WIDTH: 57px; BORDER-BOTTOM: 0px; HEIGHT: 18px" readonly size=7>
    <input id=text2 name=text2 style="VISIBILITY: hidden">
    <script>
    function foo(){
    if(select1.selectedIndex == 3){
    lable1.style.visibility = '';
    lable2.style.visibility = '';
    text1.style.visibility = '';
    text2.style.visibility = '';
    }
    else{
    lable1.style.visibility = 'hidden';
    lable2.style.visibility = 'hidden';
    text1.style.visibility = 'hidden';
    text2.style.visibility = 'hidden';
    }
    }
    </script>
    </BODY>
    </HTML>