โค้ดการเลือกจังหวัด อำเภอ ตำบล ด้วย Ajax vs Code PHP select Provicne Umphur District

โค้ดการเลือกจังหวัด อำเภอ ตำบล ด้วย Ajax vs Code PHP select Provicne Umphur District

PHP CODE FATHER โปรแกรมช่วยสร้างโค้ด โปรเจ็ค PHP+MySQL+Boostrap ใช้งานง่าย ๆ


สืบเนื่องมาจากมีแฟนคลับ www.code-father.com อยากให้ทำหรือ สอน การเขียนโค้ดการเลือกจังหวัด อำเภอ และตำบล แบบ Ajax ให้ ผมก็เลยไปลองหาดูโค๊ดเก่า ๆ (คิดว่าเคยเขียนไว้แล้ว แต่นานมาก ๆ ) ปรากฏว่า ไม่เจอ (ซะงั้น) ลองดูฐานข้อมูลเก่า ๆ เผื่อจะมีฐานข้อมูลพวกจังหวัด อำเภอ และตำบลเหลืออยู่ โชคเข้าข้าง(ซะงั้น) ก็เลยลองเขียนโค้ดขึ้นมาใหม่เลย
  
การทำงานของระบบคร่าว ๆ
  • เริ่มแรกจะยังไม่สามารถคลิกเลือก อำเภอ กับ ตำบล ได้นะครับ
  • เมื่อผู้ใช้คลิกเลือกจังหวัดใด ๆ ระบบก็จะทำการแสดงรายชื่ออำเภอที่อยู่ในจังหวัดนั้น ๆ ขึ้นมา และ
  • เมื่อผู้ใช้คลิกเลือกอำเภอใด ๆ ระบบก็จะแสดงรายชื่อตำบลที่อยู่ในอำเภอที่เลือกขึ้นมา
ระบบนี้ถือว่าเป็นระบบที่ช่วยเพิ่มความสะดวกในการเลือกของผู้ใช้งานอย่างมากเลยทีเดียว เพราะถ้าหากใช้การแสดงผลแบบธรรมดา คือ แสดงรายชื่อจังหวัด รายชื่ออำเภอ และ รายชื่อตำบลทั้งหมดมาใน List รายการเลย ในส่วนของ List อำเภอ กับ ตำบลนั้น คงจะยาวและเยอะมาก ๆ เพราะมีรายชื่อตำบลกว่า 8,000 รายการ เวลาเลือกใช้คงต้องเลื่อนดู และอ่านไล่ไปกว่าจะเจอ หากผมไปเจอเว็บที่ให้กรอกข้อมูลและต้องให้เลือกแบบนี้ คงต้องขอบายแน่นอน
  
ในโค้ดนี้ผมได้ทำระบบตรวจสอบการเลือกข้อมูลไว้ให้ด้วยแล้ว ถ้าไม่เลือกให้ครบ ก็อย่าหวังว่าจะลักไก่ กดปุ่ม Submit ได้....
  
เลือกจังหวัด ก็จะแสดงรายชื่ออำเภอ เฉพาะที่อยู่ในจังหวัดที่เลือกเท่านั้น
  
เวลาเลือกอำเภอ ก็จะแสดงเฉพาะตำบลที่อยู่ในอำเภอที่เลือกเท่านั้น
  
เมื่อเลือกครบหมดแล้ว ก็สามารถ Submit หรือ ส่งค่าตัวแปรของ จังหวัด อำเภอ ตำบล เพื่อเอาไปใช้งานต่อได้เลยครับ

บทความต่อไปจะเป็นภาคต่อ ของบทความนี้นะครับ ว่าด้วยเรื่อยการแสดงผล หรือ การแก้ไขข้อมูล ถือว่าค่อนข้างจะยากลำบากอยู่สักหน่อยสำหรับเมื่อใหม่ ประมาณว่า บันทึกค่าได้แล้ว ตอนที่จะเอาค่ามาแสดงใน List เพื่อให้ผู้ใช้ได้เลือก (ตอนที่จะแก้ไขข้อมูล) มันต้องทำกันอย่างไร เดี๋ยวรู้กันแน่  ที่นี่ เร็ว ๆ นี้ ในเคลือ code father....อิอิ


ย้อนกลับ กลับหน้าแรก