<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> //เรียกใช้ไฟล์ jquery <script type="text/javascript" src="jquery-autocomplete/lib/jquery.js"></script> <script type="text/javascript" src="jquery-autocomplete/jquery.autocomplete.js"></script> <script type="text/javascript" src="jquery-autocomplete/lib/jquery.bgiframe.min.js"></script> <script type="text/javascript" src="jquery-autocomplete/lib/jquery.ajaxQueue.js"></script> <script type="text/javascript" src="jquery-autocomplete/lib/thickbox-compressed.js"></script> <link rel="stylesheet" href="jquery-autocomplete/lib/thickbox.css" /> <link rel="stylesheet" href="jquery-autocomplete/jquery.autocomplete.css"/> <title>Autocomplete jQuery Plugin</title> <?php /*=============== ติดต่อฐานข้อมูล =================*/ $host="localhost"; $user_name="root"; $pass_word="5116"; $db="Autocomplete"; mysql_connect( $host,$user_name,$pass_word) or die ("ติดต่อกับฐานข้อมูล Mysql ไม่ได้ "); mysql_select_db($db) or die("เลือกฐานข้อมูลไม่ได้"); mysql_query("SET NAMES UTF8"); $objQuery = mysql_query("SELECT list_name FROM list") or die("Error Query [" . $Query . "]"); while($row = mysql_fetch_assoc($objQuery)){ $line1[]=array($row["list_name"]); } ?> <script type="text/javascript"> $(document).ready(function(){ var str_month = <?php echo json_encode($line1).';'; ?> $("#month").autocomplete( str_month , { // ture(เปิดใช้งาน) // false(ปิดใช้งาน) multiple: false, //ป้นได้หลายค่า mustMatch: false, //ป้อนได้เฉพาะค่าที่มีให้เลือกเท่านั้น matchContains: true, //แสดงคำที่มีค่าที่ป้อนอยู่ในคำ autoFill: false, //เติมคำอัตโนมัติ }); //#month คือ id ของ inputbox ที่จะให้แสดง }); </script> </head> <body> <h2>ทดสอบพิมพ์ชื่อเดือนไทย หรือ a-k</h4> <input name="month" id="month" type="text" /> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง