当先锋百科网

首页 1 2 3 4 5 6 7

jQuery生日下拉框是一种非常常用的网页组件,用于选择生日日期,功能简单实用。下面我就来为大家介绍一下jquery生日下拉框的使用方法。


<select id="year"></select>
<select id="month"></select>
<select id="day"></select>

var sel_year=$("#year");
var sel_month=$("#month");
var sel_day=$("#day");

//初始化年份
var now_year=new Date().getFullYear();
for(var i=now_year;i>1905;i--){
   sel_year.append("<option value='"+i+"'>"+i+"</option>");
}

//初始化月份
for(var i=1;i<=12;i++){
   sel_month.append("<option value='"+i+"'>"+i+"</option>");
}

//根据年份和月份动态设置日期
var setDay=function(){
   sel_day.empty();
   var year=sel_year.val();
   var month=sel_month.val();
   var day=new Date(year,month,0).getDate();
   for(var i=1;i<=day;i++){
      sel_day.append("<option value='"+i+"'>"+i+"</option>");
   }
}

//改变年份和月份时动态设置日期
sel_year.change(setDay);
sel_month.change(setDay); 

jquery生日下拉框

以上就是jquery生日下拉框的代码。我们可以将其放到网页中,就可以实现生日日期的选择了。通过使用此组件,用户可以方便地选择生日日期,而网站开发者也可以省去很多后台代码的编写和验证。