เพื่อน ๆ กำลังตามหา ฐานข้อมูล จังหวัด อำเภอ ตำบล กันอยู่หรือป่าว ดูเพลินเรามีแจกนะ นอกจากนี้เรายังมีตัวอย่าง การสร้าง Dropdown เลือก จังหวัด อำเภอ ตำบล ด้วยใช้งาน Javascript function และ Jquery Ajax อัพเดท option อัตโนมัติมาให้เพื่อน ๆ ได้ Download ไปใช้กันอีกด้วย
คลิกที่นี่ เพื่อ Download source code
หลังจาก Download code มาแล้ว คุณจะได้ไฟล์ออกแบบแบบนี้
ตัวอย่าง Dropdown จังหวัด อำเภอ ตำบล แบบอัตโนมัติด้วย jQuery Ajax
ตัวอย่างการเขียน Dropdown จังหวัด อำเภอ ตำบล แบบอัตโนมัติด้วย jQuery Ajax
โค้ดตัวอย่างโค้ดที่คุณได้ Download มานั้นเป็นภาษา PHP แต่ไม่ต้องกังวลไป เพราะเรามี SQL ตัวอย่างให้กับคุณแล้ว เพียงแต่คุณเปลี่ยนรูปแบบการดึงข้อมูลจากภาษา PHP เป็นภาษาที่คุณต้องการ นอกจากนี้ โค้ดสำหรับสร้าง Dropdown ส่วนใหญ่ก็เป็น Javascript และ HTML
คุณต้องทำการ Import 3 ไฟล์นี้เข้า Database ก่อน
ไฟล์สำหรับควบคุม Dropdown ทั้ง 3 ตัวคือไฟล์นี้
ไฟล์ชุดนี้ ใช้สำหรับคุม Search box ของ Dropdown
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
ตัวอย่างอื่น ๆ คุณสามารถอ่านได้เองจากไฟล์ที่คุณ Download ไปได้เลย ดังนี้
2. service/province.service.js คือไฟล์ที่ควบ Jquery และ Ajax function
3. service/ajax.province.php คือไฟล์สำหรับดึงข้อมูลรายชื่อจังหวัดจาก Database แล้วส่ง Respone ไปหา javascript
4. service/ajax.district.php คือไฟล์สำหรับดึงข้อมูลรายชื่ออำเภอจาก Database แล้วส่ง Respone ไปหา javascript
5. service/ajax.subdistricte.php คือไฟล์สำหรับดึงข้อมูลรายชื่อตำบลจาก Database แล้วส่ง Respone ไปหา javascript
