本文实例讲述了jQuery实现动态生成年月日级联下拉列表。分享给大家供大家参考,具体如下:
html代码:
& lt;表单名称=癴orm1 " id=癲ateForm”比;
& lt;选择name=澳辍痹? lt;/select>年
& lt;选择name="月"祝辞& lt;/select>月
& lt;选择名称="天"祝辞& lt;/select>日
& lt;/form>
之前
JS代码:
$(函数(){
var=1945;
var=new日期();
var年=date.getFullYear();//获取当前年份
var dropList;
(var我;i<2017;我+ +){
如果(我==){
dropList=dropList +”& lt;选项值=薄拔? +”“selected>“+我+“& lt;/option>”;
其他}{
dropList=dropList +“& lt;选项值=薄拔? +”“在”+我+“& lt;/option>”;
}
}
$ (" # dateForm选择[name=年]”). html (dropList);//生成年份下拉列表
var每月;
(var j=1; j<13; j + +) {
每月月度=+ & lt;选项值=" + j +”在“+ j + & lt;/option>”
}
$ (" # dateForm选择[name=月]”). html(每月);//生成月份下拉列表
var日报;
(var=1天;day<=31; + +) {
每日=日常+ ' & lt;选项值=" +天+”在“+天+ & lt;/option>;
}
$ (" # dateForm选择[name=天]”). html(每日);
$ (" # dateForm选择[name=月]”).change(函数(){
var currentDay;
var总;
var国旗=$ (' # dateForm选择[name=年]:选中的).val ();
var currentMonth=$ (' # dateForm选择[name=月]”).val ();
开关(currentMonth) {
“1”:
案例3:
例“5”:
例“7”:
例“8”:
例“10”:
案例“12”:总=31;断裂;
案例4:
例“6”:
例“9”:
案例“十一”:总=30;断裂;
“2”://闰年整除4但是不整除100或者整除400
如果(国旗% 4==0,,国旗% 100 !=0)| |国旗% 400){
总=29;
其他}{
总=28;
}
默认值:打破
}
(天=1;day<=总;+ +){
currentDay=currentDay + ' & lt;选项值=" +天+”在“+天+ & lt;/option>”
}
$ (" # dateForm选择[name=天]”). html (currentDay);//生成日期下拉列表
});
});
之前
http://tools.jb51.net/jisuanqi/date_jisuanqi
http://tools.jb51.net/jisuanqi/datecalc
http://tools.jb51.net/jisuanqi/onlinedatejsq
http://tools.jb51.net/code/unixtime
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery日期与时间操作技巧总结》,《jQuery扩展技巧总结》,《jQuery常见事件用法与技巧总结》,《jQuery常用插件及用法总结》,《jQuery常见经典特效汇总》及《jQuery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
