input输入框输入身份证号码，自动填充年月日

王小婷

发布于 2023-09-19 02:46:01

45400

代码可运行

运行总次数：0

代码可运行

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    </head>
    <body>
        <input type="text" placeholder="请输入身份证号" id="idCard">
    
        <input type="text" placeholder="请输入年" id="year">
        <input type="text" placeholder="请输入月" id="month">
        <input type="text" placeholder="请输入日" id="day">
        <script>
            $(document).ready(function() {
                // 获取身份证号码输入框和三个 select 元素
                const idCardInput = $('#idCard');
                const yearSelect = $('#year');
                const monthSelect = $('#month');
                const daySelect = $('#day');

                // 监听身份证号码输入框的输入事件
                idCardInput.on('input', function() {
                    const idCardNumber = idCardInput.val();

                    // 提取身份证中的年、月、日
                    const year = idCardNumber.substr(6, 4);
                    let month = idCardNumber.substr(10, 2);
                    let day = idCardNumber.substr(12, 2);

                    // 去除月份和日期前的零
                    if (month.startsWith('0')) {
                        month = month.substr(1);
                    }
                    if (day.startsWith('0')) {
                        day = day.substr(1);
                    }

                    // 将提取的值赋值给对应的 select 元素
                    yearSelect.val(year);
                    monthSelect.val(month);
                    daySelect.val(day);
                });
            });
        </script>
    </body>
</html>