年份选择器

最新推荐文章于 2025-06-08 10:50:56 发布

Elementer

最新推荐文章于 2025-06-08 10:50:56 发布

阅读量4.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Jquery HTML

本文链接：https://blog.youkuaiyun.com/Elementer/article/details/78899201

Jquery 同时被 2 个专栏收录

2 篇文章

订阅专栏

HTML

1 篇文章

订阅专栏

本文介绍了一个用于网页的动态年份选择器的实现方式。该选择器通过JavaScript动态生成从当前年份开始往后50年的选项，并允许用户进行选择。此外，还介绍了如何通过脚本设置默认选中项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<label>所属年份</label>
	<select id="year" name="year" style="width: 320px" class="selector required"></select>

function setYear(){
			var yearObj = document.getElementById("year");
			yearObj.options.length = 0;
			yearObj.options[0] = new Option("","");
			for(var i=1;i<=50;i++){
				if(i>10){
					yearObj.options[i-10] = new Option("20"+(i)+resources.chooserSetting_year,"20"+i);//年
				}
			}
			//设置年份 
			var yearTime='<c:out value="${cultivationPlan.year}" />';
			oldYear=yearTime;
			$("#year option[value='"+yearTime+"']").attr("selected","selected");
		}