<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Select.aspx.cs" Inherits="jquery_Learning.Select" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <mce:script type="text/javascript" src="JQUERY.JS" mce_src="JQUERY.JS"></mce:script> <mce:script type="text/javascript"><!-- $(function(){ for(var i=1990;i<2009;i++){ $("#sel1").get(0).options.add(new Option(i,i)); } for(var i=1;i<=12;i++){ $("#sel2").get(0).options.add(new Option(i,i)); } for(var i=1;i<=31;i++){ $("#sel3").get(0).options.add(new Option(i,i)); } $("#sel1").change(function(){ $("#sel3").empty(); getValue($("#sel2").val(),$("#sel1").val()); }); $("#sel2").change(function(){ $("#sel3").empty(); getValue($("#sel2").val(),$("#sel1").val()); }); }); function getValue(i,k){ var k=k-0; switch(i){ case "1": case "3": case "7": case "8": case "10": case "12":{ AddValue(31); break; } case "2":{ if(k%4==0){ AddValue(29); }else{ AddValue(28); } break; } case "4": case "5": case "6": case "9": case "11":{ AddValue(30); break; } default:{ alert(i+"asdf"+k); break; } } } function AddValue(i){ for(var k=1;k<=i;k++){ $("#sel3").get(0).options.add(new Option(k,k)); } } // --></mce:script> </head> <body> <form id="form1" runat="server"> <div> <select id="sel1" ></select> <select id="sel2"></select> <select id="sel3"></select> </div> </form> </body> </html>