js下拉框时间拼接

最新推荐文章于 2023-01-15 15:35:11 发布

王家五哥

最新推荐文章于 2023-01-15 15:35:11 发布

阅读量366

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html案例 jQuery

本文链接：https://blog.youkuaiyun.com/qq_36521848/article/details/79448126

html案例同时被 2 个专栏收录

44 篇文章

订阅专栏

jQuery

22 篇文章

订阅专栏

本文介绍了一个使用JavaScript和HTML创建动态年份选择下拉菜单的方法。通过获取当前年份并利用JavaScript进行循环来填充下拉菜单选项，同时设置默认选中当前年份。此外，还实现了选项改变时的事件监听。

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

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onload = function() {
				var obj = document.getElementById("sel");
				var endYear = new Date().getYear() + 1910;
				var date = new Date().getYear() + 1900; //当前年份
				for (var i = date - 10; i < endYear; i++) {
					var op = new Option(i, i);
					obj.add(op);
				}
				obj.options[obj.options.length - 10].selected = 1; //设置当前年份为默认值
			};
			$(function() {
				$('#sel').change(function() {
					var zhi = $(this).val();
					alert(zhi);
				});
			});
		</script>
	</head>
	<body>
		<select id="sel"></select>
	</body>
</html>