年份选择器

最新推荐文章于 2025-07-16 14:20:39 发布

原创最新推荐文章于 2025-07-16 14:20:39 发布 · 4.4k 阅读

2 ·

CC 4.0 BY-SA版权

Jquery 同时被 2 个专栏收录

2 篇文章

订阅专栏

HTML

1 篇文章

订阅专栏

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

	<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");
		}