*ไฟล์ get_amphure.php , get_district.php และ get_zip.php ต้องเก็บไว้ในโฟลเดอร์เดียวกันกับไฟล์หลักนะครับ

(2) เพิ่ม Code ต่อไปนี้ในไฟล์ script.js ก่อน }); บรรทัดสุดท้าย
// on change district
districtObject.on(‘change’, function() {
    var districtId = $(this).val();
    zipObject.html(‘<option value=””>เลือกรหัสไปรษณีย์</option>’);
    $.get(‘get_zip.php?district_id=’ + districtId, function(data) {
      var result = JSON.parse(data);
      $.each(result, function(index, item) {
        zipObject.append(
          $(‘<option></option>’).val(item.id).html(item.zip_code)
        );
      });
    });
  });

*สังเกตว่าเมื่อเสร็จสิ้นแล้ว ตอนสุดท้ายจะมี }); 4 บรรทัด จึงจะถูกต้อง

(3) สร้างไฟล์ get_zip.php โดยมี code ดังนี้

<?php
include(‘connect.php’);
$sql = “SELECT * FROM districts WHERE id={$_GET[‘district_id’]}”;
$query = mysqli_query($conn, $sql);
$json = array();
while($result = mysqli_fetch_assoc($query)) {   
array_push($json, $result);
}
echo json_encode($json);

ผลลัพธ์จะทำให้เราได้ช่อง “เลือกรหัสไปรษณีย์” เพิ่มขึ้นมา โดยจะแสดงรหัสไปรษณีย์ของตำบลที่เราเลือกเท่านั้น

*ไฟล์ get_amphure.php , get_district.php และ get_zip.php ต้องเก็บไว้ในโฟลเดอร์ asset
**อย่าลืมตรวจสอบการเข้าถึงฐานข้อมูลให้ถูกต้อง

***ขอขอบคุณ คุณ benext ผู้เขียนบทความที่ช่วยจุดประกายให้ต่อยอดได้ด้วยนะครับ