月份-日期下拉框联动变换日期

本文介绍了一个使用JavaScript实现的动态更新日期下拉框的功能。该功能可以根据所选月份的不同,自动调整日期下拉框中的选项数量。例如,选择4月时日期范围为1至30天,而2月则根据实际情况显示28或29天。

月份与日期在页面中为两个下拉框,分别为枚举类型,现通过选择月份时变换日期天数,比如,4月30天,3月31天,2月29天

js 如下

function populateDays(index) {
var monthDays = new Array(31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var monthStr= document.getElementsByName("fdContacts_Form["+index+"].fdBirthMonth")[0].value;
if (monthStr != "") {
var theMonth = parseInt(monthStr);
document.getElementsByName("fdContacts_Form["+index+"].fdMonthDay")[0].options.length = 0;
for (var i = 0; i < monthDays[theMonth-1]; i++) {
document.getElementsByName("fdContacts_Form["+index+"].fdMonthDay")[0].options[i] = new Option(i + 1);
}
}
}

思路,保留月份枚举,清空日期枚举,根据月份选择循环加入

转载于:https://www.cnblogs.com/dss1025/p/9049955.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值