jquery 实现1980-2030年、月、日联动
时间: 2023-10-09 21:10:33 浏览: 27
可以通过以下代码实现:
HTML:
```html
<select id="year"></select>
<select id="month"></select>
<select id="day"></select>
```
JavaScript:
```javascript
$(document).ready(function(){
for(var i=1980;i<=2030;i++){
$('#year').append($('<option>', {
value: i,
text: i
}));
}
for(var i=1;i<=12;i++){
$('#month').append($('<option>', {
value: i,
text: i
}));
}
$("#year,#month").change(function(){
var year=$('#year').val();
var month=$('#month').val();
var days = new Date(year, month, 0).getDate();
$('#day').empty();
for(var i=1;i<=days;i++){
$('#day').append($('<option>', {
value: i,
text: i
}));
}
});
});
```
这段代码首先在页面加载完成后,为年份和月份下拉框分别添加1980年到2030年和1月到12月的选项。然后,当年份或月份下拉框的值发生改变时,根据选择的年份和月份计算出当月的天数,并为日期下拉框添加相应的选项。