dropdown-เลือกจังหวัด

Dropdown จังหวัด เลือกอัตโนมัติ jQuery+xml Plugin

Dropdown จังหวัด อำเภอ ตำบล แบบอัตโนมัติด้วย jQuery Plugin



Dropdown จังหวัด เลือกอัตโนมัติ

ตัวอย่างการทำงาน

เลือกจังหวัด อำเภอ ตำบล แบบอัตโนมัติด้วย AutoProvince.js


สำหรับการพัฒนาเว็บไซต์โดยเฉพาะเว็บแอพพลิเคชั่นที่ต้องมีแบบฟอร์มให้กรอกข้อมูลต่าง ๆ ข้อมูลที่มักจะต้องมีอยู่ใน
แบบฟอร์มให้ผู้ใช้งานระบุ คือข้อมูลที่ให้เลือก จังหวัด อำเภอ ตำบล เรียกได้ว่าแทบจะมีอยู่ในทุกแบบฟอร์มเลยที่เดียว


ในการพัฒนาฟอร์มข้อมูลแบบนี้ ส่วนใหญ่วิธีที่ได้รับความนิยมและทำกันก็คือการติดตั้งฐานข้อมูลจังหวัดทั้ง 77 จังหวัด
ของประเทศไทย และใช้ php ในการ query ข้อมูลก่อนที่จะใช้ jquery เพื่อโหลดข้อมูลตามการเลือกของผู้ใช้งาน


แต่วันนี้จะนำเสนอ jQuery Plugin ที่สามารถทำงานได้เหมือนระบบที่ได้อธิบายไว้ข้างต้น เพียงแต่เปลี่ยนจาก
ฐานข้อมูล MySQL มาเป็น xml แทน ทำให้สามารถใช้งานได้โดยไม่ต้องติดตั้งฐานข้อมูล ท่านสามารถดูตัวอย่าง
และโหลดไปใช้งานได้เลย จุดเด่นของ plugin คือทำให้ลดการ query ข้อมูลจากฐานข้อมูล เพราะเมื่อใช้
ข้อมูลเป็น xml จะเป็นการโหลดข้อมูลเพียงครั้งเดียวเท่านั้น

ข้อดีของ AutoProvince.js

  • เป็น jQuery Plugin ติดตั้งใช้งานง่าย
  • ไม่ต้องติดตั้งฐานข้อมูล โหลดไปใช้งานได้เลย เพราะใช้ข้อมูลเป็น xml
  • สามารถจัดเรียงรายชื่อแบบต้นฉบับหรือแบบตามตัวอักษรได้


ตัวอย่างการทำงาน

เลือกจังหวัด อำเภอ ตำบล แบบอัตโนมัติด้วย AutoProvince.js


ตัวอย่างการใช้งาน



ตัวอย่างการใช้งานสำหรับ Javascript jQuery



ตัวอย่างการใช้งานในไฟล์ html


ดาวน์โหลดไฟล์ตัวอย่าง

ดาวน์โหลด AutoProvince.js


AutoProvince.js เป็นการพัฒนา jQuery Plugin โดยทีมพัฒนาของบริษัท โค๊ดบี จำกัด ท่านนักพัฒนาเว็บไซต์ทั้งหลาย
สามารถนำไปใช้ได้โดยไม่ต้องแจ้งกับทางบริษัท ฐานข้อมูล xml จังหวัดในประเทศไทยทั้งหมด ต้องขอขอบคุณนักพัฒนา
สมาชิกจากเว็บไซต์ thaicreate.com ตามกระทู้ด้านล่าง

http://www.thaicreate.com/free-web-script/thailand-province-database.html

วิธีอัพเดทข้อมูลใหม่ กรณีที่มีการตั้งตำบล อำเภอ จังหวัดใหม่

แนะนำเพิ่มเติมสำหรับการเปลี่ยนข้อมูลใน xml ไฟล์ ในกรณีที่ข้อมูล ตำบล อำเภอ จังหวัด ของไทยมีการเปลี่ยนแปลง เช่น อาจจะมีจังหวัดใหม่เพิ่มเข้ามาหรือมีการเปลี่ยนสถานะของตำบลเป็นอำเภอ เป็นต้น วิธีเปลี่ยนข้อมูลก็ง่าย ๆ เลยครับ คือให้หาข้อมูล database ตัวใหม่และ import เข้าไปในฐานข้อมูล จากนั้นก็เลือก export เป็นไฟล์ .xml เท่านั้น เราก็จะได้ข้อมูล ตำบล อำเภอ จังหวัด และรหัสไปรษณีย์ที่เป็นข้อมูลล่าสุดแล้ว

Summary
Review Date
Reviewed Item
Dropdown จังหวัด เลือกอัตโนมัติ jQuery+xml Plugin
Author Rating
51star1star1star1star1star

กระทู้ใกล้เคียง

วิธีทำเว็บ ให้โหลดเร็ว เทคนิคเพิ่มความเร็วให้เว็บไ... วิธีทำเว็บ ให้โหลดเร็ว เทคนิคเพิ่มความเร็วให้เว็บไซต์ วิธีทำเว็บ ให้โหลดเร็ว เคยไหมครับที่คลิกลิงค์ข่าวจาก facebook เพราะอ่านคำโปรยแล้ว อยากจะเข้...
Bootstrap คืออะไร รู้จักเครื่องมือทำเว็บไซต์ยอดนิย... Bootstrap คืออะไร รู้จักกับ Framework ทำเว็บไซต์ยอดนิยม ในช่วงหลายปีที่ผ่านมามีเฟรมเวิร์คมากมายเกิดขึ้นทั้ง Front-end Framework และส่วน Back-end Fr...
วิธีทำ WordPress Plugin ใช้เองแบบง่าย ๆ... วิธีทำ WordPress Plugin ใช้เองแบบง่าย ๆ Wordpress เป็น CMS ที่เพียบพร้อม ใช้งานค่อนข้างง่ายและสะดวกสบาย เหมาะกับผู้เริ่มต้นเรียนรู้ทำเว็บไซต์ไว้ ...
Webfont ภาษาไทย จัดการให้ใช้งานได้ทุก Browser... Webfont ภาษาไทย จัดการให้ใช้งานได้ทุก Browser ต้องเข้าใจว่าปัจจุบันมีจำนวนเบราว์เซอร์ให้ผู้ใช้งานอินเตอร์เนตเลือกใช้งานอยู่หลายค่ายและแต่ละเบราว์...