从一个字段按Tab键时,PHP自动填充字段

时间:2014-04-13 11:34:17

标签: php jquery ajax

对这样一个愚蠢的问题抱歉,但我是PHP和Ajax的新手。

我正在尝试制作一个包含两个字段的小HTML ..一个id和另一个出生日期。

我想要做的是输入身份证,按下标签应自动填充出生日期。

出生日期是id的截断字符串。

这是我到目前为止所做的......

HTML CODE try.html

    </head>
    <body>
    <form>
    <tr><td>Civil ID:</td><td><input type="text" name="id"></td>
    </form>
    <td>Date of Birth:<input type="text" name="dob"></td>
    </body>
    </html>

PHP id_to_dob.php

    <?php
    $yy = substr($_GET["id"], 1, 2);
    $mm = substr($_GET["id"], 3, 2);
    $dd = substr($_GET["id"], 5, 2);
    $dob = "$dd/$mm/$yy";
    ?>

我尝试了很多,但无法让它发挥作用。

感谢。

1 个答案:

答案 0 :(得分:0)

你不需要AJAX,Javascript可以改变它。使用onChange属性。

        document.getElementById('id').addEventListener('change', function(){
            var yy = this.value.substr(1, 2);
            var mm = this.value.substr(3, 2);
            var dd = this.value.substr(5, 2);
            document.getElementById('dob').value = dd + "/" + mm + "/" + yy;
        });

HTML:

<body>
    <form>
    <tr><td>Civil ID:</td><td><input type="text" name="id" id="id"></td>
    </form>
    <td>Date of Birth:<input type="text" name="dob" id="dob"></td>
</body>

如果您仍想使用PHP / Ajax。 OnChange仍然会帮助你:)