ทำช่อง text Autocomplete เหมือน Google ด้วย jQuery Plugin

Share Button

สวัสดีครับ สำหรับบทความนี้แนะนำการใช้งาน Autocomplete like Google jQuery Plugin คือเวลาที่เราทำการพิมพ์ข้อความ (จากตัวอย่างบทความเป็นชื่อจังหวัด) ใน Textbox แล้วมี ชื่อข้อความเต็ม แสดงขึ้นมาให้เราตัดสินใจเลือก วิธีการเขียนง่ายๆครับ ไม่ได้มีอะไรซับซ้อนมาก และเรานำ plugin มาประยุกต์ใช้งานให้เหมาะสมกับงานของเราเท่านั้น

autocomplete-01
ลองทดสอบการใช้งานได้ที่ นี้ครับ คลิกที่นี้เพื่อน Demo
ดาวน์โหลด Sourcecode ได้ที่นี้ คลิกที่นี้เพื่อดาวน์โหลด

วิธีการใช้งาน

1. ให้นำ code นี้ไปวางไว้บรรทัดบนสุดของไฟล์ index.php

 อธิบาย code
เชื่อมต่อฐานข้อมูลพร้อมกับดึงข้อมูลตารางจังหวัดออกมา
2. ให้นำ code นี้ไปวางที่ tag <head> ของไฟล์ index.php

 อธิบาย code
include ไฟล์ plugin javascript และ ตัวแปร states เก็บค่าชื่อจังหวัด โดยวนรับชื่อข้อมูลจังหวัดเก็บไว้ในตัวแปร $province

3. ให้นำ Code นี้ไปวางไว้ในไฟล์ connect.php

สำหรับบทความนี้เป็นบทความสั้นๆ แนะนำการใช้งาน auto complete textbox แบบง่าย ครับ

หากต้องการข้อมูลเพิ่มเติมสามารถอ่านได้ที่เว็บนี้ครับ http://xdsoft.net/jqplugins/autocomplete#localandremote

benext About benext

โปรแกรมเมอร์
ติดต่อ : itoffside@hotmail.com

Share Button

Published by

benext

โปรแกรมเมอร์
ติดต่อ : itoffside@hotmail.com

Leave a Reply

Your email address will not be published. Required fields are marked *