<meta charset="UTF-8"> <link type="text/css" rel="stylesheet" href="jquery.autocomplete.css" /> <script type="text/javascript" src="jquery-1.11.2.min.js"></script> <script type="text/javascript" src="jquery.autocomplete.js"></script> <script type="text/javascript"> var statesa = [ <?php include("config.php"); $sql1 = "select * from tblrotaryclub "; $query1 = mysql_query($sql1); $RotaryName = ""; while ($result1 = mysql_fetch_array($query1)) { $RotaryName .= "'" . $result1['RotaryName'] . "',"; } echo rtrim($RotaryName, ","); ?> ]; $(function () { $("input").autocomplete({ source: [statesa] }); }); var statesb = [ <?php include("config.php"); $sql2 = "select * from tblmember "; $query2 = mysql_query($sql2); $FName = ""; while ($result2 = mysql_fetch_array($query2)) { $FName .= "'" . $result2['FName'] . " " . $result2['LName'] . "',"; } echo rtrim($FName, ","); ?> ]; $(function () { $("input").autocomplete({ source: [statesb] }); }); </script> <style> .xdsoft_autocomplete_dropdown{ padding: 10px; } </style> </head> <body style="margin-top: 30px;margin-left: 40%;"> <form name="searchform1" action="#" method="POST"> <input type="text" name="statesa" value="" style="border: 1px solid #cccccc; height: 30px;width: 300px;padding: 5px;"/> </form> <form name="searchform2" action="#" method="POST"> <input type="text" name="statesb" value="" style="border: 1px solid #cccccc; height: 30px;width: 300px;padding: 5px;"/> </form> </body>
$(function () { $("อ้างอิงด้วย Id ครับ").autocomplete({ source: [statesb] }); });
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง