<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
生日:
<select id="year">
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
</select>

<select id="month">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>

<select id="date">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>

<br>
<input type="button" value="click" onclick="foo()">
<script>
function foo(){
alert("你选择的生日是:" + year.value + "年" + month.value + "月" + date.value + "日");
}
</script>
</BODY>
</HTML>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    <script language="javascript">
    var intYear=1985
    var intMonth=1
    var arrDate=new Array(1,31,2,28,3,31,4,30,5,31,6,30,7,31,8,31,9,30,10,31,11,30,12,31)
    function changeYear(){
    intYear=document.all('year').value;
    document.all('date').options.length=arrDate[intMonth * 2 - 1] + (intYear % 4==0 && intMonth==2?1 : 0);
    for(var i=-5;i<5;i++){
    document.all('year').options[5 + i].value=parseInt(intYear) + parseInt(i);
    document.all('year').options[5 + i].text=parseInt(intYear) + parseInt(i);
    }
    document.all('year').selectedIndex=5;
    if(intYear % 4==0 && intMonth==2){
    document.all('date').options.length = 29;
    document.all('date').options[28].value=29;
    document.all('date').options[28].text=29;
    }
    } function changeMonth(){
    intMonth=document.all('month').value;
    document.all('date').options.length=arrDate[intMonth * 2 - 1] + (intYear % 4==0 && intMonth==2?1 : 0);
    for(var i=28;i<arrDate[intMonth * 2 - 1] + (intYear % 4==0 && intMonth==2?1 : 0);i++){
    document.all('date').options[i].value=i + 1;
    document.all('date').options[i].text=i + 1;
    }
    }
    </script>
    </HEAD>
    <BODY>
    生日:
    <select id="year" onchange="changeYear()">
    <option value="1980">1980</option>
    <option value="1981">1981</option>
    <option value="1982">1982</option>
    <option value="1983">1983</option>
    <option value="1984">1984</option>
    <option value="1985" selected>1985</option>
    <option value="1986">1986</option>
    <option value="1987">1987</option>
    <option value="1988">1988</option>
    <option value="1989">1989</option>
    </select>

    <select id="month" onchange="changeMonth()">
    <option value="1" selected>1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    </select>

    <select id="date">
    <option value="1" selected>1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
    </select>

    <br>
    <input type="button" value="click" onclick="foo()">
    <script>
    function foo(){
    alert("你选择的生日是:" + year.value + "年" + month.value + "月" + date.value + "日");
    }
    </script></BODY>
    </HTML>