当前位置：网站首页>编写一个select下拉列表

编写一个select下拉列表

2022-07-19 05:04:00 【前端技术】

话不多说，直接上代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <dl>
            <dt>出生日期：</dt>
            <dd>
                <select id="year">
                    <script>
                        for(var i=2022;i<=2025;i++){
    
                            document.write("<option value="+i+">"+i+"</option>");
                        }
                    </script>
                </select>年
                <select id="month">
                    <script>
                        for(var i=1;i<=12;i++){
    
                            document.write("<option value="+i+">"+i+"</option>");
                        }
                    </script>
                </select>月
                <select id="day">
                    <script>
                        for(var i=1;i<=31;i++){
    
                            document.write("<option value="+i+">"+i+"</option>");
                        }
                    </script>
                </select>日</dd>
        </dl>
    </body>
</html>