คริสตจักร ชิโลห์ ประเทศไทย

อสย. 2:2 ในวาระสุดท้ายจะเป็นดังนี้ คือภูเขาแห่งพระนิเวศของพระยาห์เวห์ จะถูกสถาปนาขึ้นเป็นที่สูงสุดของภูเขาทั้งหลาย และจะถูกยกขึ้นให้อยู่เหนือบรรดาเนินเขา ประชาชาติทั้งหมดจะหลั่งไหลเข้ามาหา

ระบบกรอกที่อยู่อัตโนมัติ Auto Complete -

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous" />

    <link rel="preconnect" href="https://fonts.gstatic.com" />

    <link href="https://fonts.googleapis.com/css2?family=Prompt&display=swap" rel="stylesheet" />

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />

    <link rel="stylesheet" href="https://earthchie.github.io/jquery.Thailand.js/jquery.Thailand.js/dist/jquery.Thailand.min.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" integrity="sha512-mSYUmp1HYZDFaVKK//63EcZq4iFWFjxSL+Z3T/aCt4IO9Cejm03q3NKKYN6pFQzY0SBOr8h+eCIAZHPXcpZaNw=="

        crossorigin="anonymous" />

    <style>

        body {

            font-family: "Prompt", sans-serif

        }

    </style>

</head>

<body>

    <div class="bg-primary text-light py-2">

        <h1 class="mx-3 ">ฟอร์มกรอกที่อยู่อัตโนมัติ</h1>

    </div>

    <div class="container-fluid">

    <!---form--->

    <!---form--->

    </div>

<script type="text/javascript" src="https://earthchie.github.io/jquery.Thailand.js/jquery.Thailand.js/dependencies/JQL.min.js"></script>

<script type="text/javascript" src="https://earthchie.github.io/jquery.Thailand.js/jquery.Thailand.js/dependencies/typeahead.bundle.js"></script>

<link rel="stylesheet" href="https://earthchie.github.io/jquery.Thailand.js/jquery.Thailand.js/dist/jquery.Thailand.min.css">

<script type="text/javascript" src="https://earthchie.github.io/jquery.Thailand.js/jquery.Thailand.js/dist/jquery.Thailand.min.js"></script>

    <script>

$.Thailand({

            $district: $('#district'),

            $amphoe: $('#amphoe'),

            $province: $('#province'),

            $zipcode: $('#zipcode'),

            onDataFill: function(data){

                console.log(data)

                var html = '<b>ที่อยู่:</b> ตำบล' + data.district + ' อำเภอ' + data.amphoe + ' จังหวัด' + data.province + ' ' + data.zipcode;

                 $('#demo2-output').html('')

            },

            onLoad: function () {

                console.info('Autocomplete is ready!');

                $('#loader, .demo').toggle();

            }

        });

    </script>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous">

    </script>
</body>
</html>

Show less

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น

หน้าเว็บ

ระบบกรอกที่อยู่อัตโนมัติ Auto Complete -

ไม่มีความคิดเห็น:

แสดงความคิดเห็น