JS实现年份下拉框select选择器

最新推荐文章于 2021-07-19 11:46:35 发布

第一段代码

最新推荐文章于 2021-07-19 11:46:35 发布

阅读量3.4k

点赞数 1

分类专栏：项目开发日记

本文链接：https://blog.csdn.net/godot06/article/details/107896007

版权

项目开发日记专栏收录该内容

59 篇文章 5 订阅

订阅专栏

var options = "";
        function setYears() {
            //设置年份的选择
            var myDate = new Date();
            var startYear = myDate.getFullYear() - 5;//起始年份
            var endYear = myDate.getFullYear();//结束年份
            var obj = document.getElementById('selectTime');
            for (var i = startYear; i <= endYear; i++) //循环年份，动态生成option列表，拼接html
            {
                if (myDate.getFullYear() == i) {
                    options += '<option selected>' + i + '</option>';
                } else {
                    options += '<option >' + i + '</option>';
                }

            }
            $("#selectTime").html(options);  //根据选择器设置其html
        }