背景:
阅读新闻

郵便番号により住所取得

  作者: 今日评论: [字体: ]

<!doctype html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>郵便番号により住所取得</title>

    <script type="text/javascript" src="/SiteAssets/Scripts/jquery-3.4.1.min.js"></script>

    <script type="text/javascript" src="//jpostal-1006.appspot.com/jquery.jpostal.js"></script>


</head>

<body>

    <form>


        <div>

            from :  https://github.com/jpfocus/jquery.jpostal.js

        </div>

        <br />

        <br />

        <br />

        <br />

        <div>

            method 1 > 郵便番号を入力すると住所欄へ自動入力する

        </div> <br /> <br />

        <script type="text/javascript">

            $(window).ready(function ()

            {

                $('#postcode1').jpostal({

                    postcode: [

                        '#postcode1',

                        '#postcode2'

                    ],

                    address: {

                        '#address1': '%3',

                        '#address2': '%4',

                        '#address3': '%5'

                    }

                });

            });

        </script>


        郵便番号 : <input type="text" name="postcode1" id="postcode1"> - <input type="text" name="postcode2" id="postcode2">

        都道府県 : <input type="text" name="address1" id="address1">

        住所1 : <input type="text" name="address2" id="address2">

        住所2 : <input type="text" name="address3" id="address3">


        <br />

        <br />

        <br />

        <br />


        <div>

            method 2 > btn click > 住所欄へ入力する

        </div><br /> <br />

        <script type="text/javascript">

            $(window).ready(function ()

            {

                $('#btn_post').jpostal({

                    click: '#btn_post',

                    postcode: [

                        '#postcode'

                    ],

                    address: {

                        '#addressa': '%3',

                        '#addressb': '%4%5'

                    }

                });

            });

        </script>


        <button id="btn_post" type="button">郵便番号から住所を自動入力</button>

        郵便番号 : <input type="text" name="postcode" id="postcode">

        都道府県 : <input type="text" name="addressa" id="addressa">

        住所 : <input type="text" name="addressb" id="addressb">


    </form>

</body>

</html>


来源:
录入日期:[2020/07/07 1:55:00]
收藏 推荐 打印 | 录入:mikebai | 阅读:
文章评论      
正在加载评论列表...
评论关闭