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