วิธีแสดงชื่อจังหวัดตามภาคที่เลือก workshop นี้เป็นแนวทางการสร้างตัวเลือกซึ่งเป็นรายชื่อจังหวัดในประเทศไทยตามภาคที่เลือก เช่น ถ้าเราเลือกภาคเหนือ ก็จะนำเฉพาะรายชื่อจังหวัดในภาคเหนือมาแสดง

ซึ่งควบคุมการทำงานด้วยคำสั่ง jQuery ทั้งหมด

รายละเอียดตามด้านล่างนี้เลยครับ

  • รายชื่อภาคและจังหวัดเราจะกำหนดในแบบ Array แยกกันเอาใว้
  • เราจะแสดงรายชื่อภาคและจังหวัดด้วย Tag select
  • เมื่อมีการเปิดเว็บเพจขึ้นมา ก็จะต้องแสดงภาคใดภาคหนึ่งก่อน จากนั้นถ้ามีการเลือกภาคอีกครั้ง ก็ค่อยให้ jQuery ตรวจสอบ event อีกที

 

ดูตัวอย่างจากโค้ดตามนี้เลย

 

แสดงรายชื่อจังหวัดตามภาคที่เลือก

 

ผลลัพธ์ที่ได้ตามนี้เลยครับ

 

ตัวอย่างเลือกภาคเหนือ

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

เอาใว้เป็นแนวทางมาฝากละกันนะครับ

 

คอร์สเรียนทั้งหมด

อ่านบทความอื่นเพิ่มเติม

กดติดตามข่าวสารที่เพจ Facebook