php myslq autocomplete 自動補全 實例

原創 520apache 2018-09-11 08:21
 實例效果圖如下：
實例效果截圖
代碼文件截圖如下：
代碼文件截圖
1.創建autocomplete.html文件
  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  4. <title>自動補全例子</title> 
  5. <script type="text/javascript" src="jquery.js"></script> 
  6. <script type='text/javascript' src='jquery.autocomplete.js'></script> 
  7. <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" /> 
  8. <script type="text/javascript"> 
  9.  
  10. $().ready(function() { 
  11.  
  12.     $("#autoComplete").autocomplete("search.php", { 
  13.         selectFirst: false 
  14.     }); 
  15.     $("#autoComplete").result(function(event, data, formatted) { 
  16.         if (data){ 
  17.             $(this).parent().next().find("input").val(data[1]); 
  18.         } 
  19.     }); 
  20.  
  21. }); 
  22.  
  23. </script> 
  24. </head> 
  25. <body> 
  26. <input type="text" id="autoComplete" /> 
  27. </body> 
  28. </html> 
2.建立和html文件同一目錄下的php文件：search.php
代碼如下：
  1. <?php 
  2.  
  3.     header("content-type:text/html; charset=utf-8"); 
  4.     $q = strtolower($_GET["q"]); 
  5.     if (!$q) return; 
  6.     $conn = @mysql_connect ( "localhost", "root", "cnns" ); //連接數據庫  
  7.     mysql_query("SET NAMES 'utf8'");//處理亂碼      
  8.     mysql_select_db ( "test", $conn ); //選擇數據庫       
  9.     $array ; 
  10.     if ($conn) { 
  11.         $recode = "select * from countries"; 
  12.         $result = mysql_query ( $recode, $conn ); 
  13.         while ( $row = mysql_fetch_array ( $result, MYSQL_ASSOC ) ) { 
  14.             $array [$row ['value']] = $row ["id"]; 
  15.         } 
  16.     } 
  17.     foreach ($array as $key=>$value) { 
  18.         if (strpos(strtolower($key), $q) !== false) { 
  19.             echo "$key|$value\n"; 
  20.         } 
  21.     } 
  22.  
  23. ?> 
3.sql腳本
  1. -- -------------------------------------------------------- 
  2.  
  3. --  
  4. -- Table structure for table `countries` 
  5. --  
  6.  
  7. CREATE TABLE `countries` ( 
  8.   `id` int(6) NOT NULL auto_increment, 
  9.   `value` varchar(250) NOT NULL default '', 
  10.   PRIMARY KEY  (`id`) 
  11. ) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=243 ; 
  12.  
  13. --  
  14. -- Dumping data for table `countries` 
  15. --  
  16.  
  17. INSERT INTO `countries` VALUES (1, 'Afghanistan'); 
  18. INSERT INTO `countries` VALUES (2, 'Aringland Islands'); 
  19. INSERT INTO `countries` VALUES (3, 'Albania'); 
  20. INSERT INTO `countries` VALUES (4, 'Algeria'); 
  21. INSERT INTO `countries` VALUES (5, 'American Samoa'); 
  22. INSERT INTO `countries` VALUES (6, 'Andorra'); 
  23. INSERT INTO `countries` VALUES (7, 'Angola'); 
  24. INSERT INTO `countries` VALUES (8, 'Anguilla'); 
  25. INSERT INTO `countries` VALUES (9, 'Antarctica'); 
  26. INSERT INTO `countries` VALUES (10, 'Antigua and Barbuda'); 
  27. INSERT INTO `countries` VALUES (11, 'Argentina'); 
  28. INSERT INTO `countries` VALUES (12, 'Armenia'); 
  29. INSERT INTO `countries` VALUES (13, 'Aruba'); 
  30. INSERT INTO `countries` VALUES (14, 'Australia'); 
  31. INSERT INTO `countries` VALUES (15, 'Austria'); 
  32. INSERT INTO `countries` VALUES (16, 'Azerbaijan'); 
  33. INSERT INTO `countries` VALUES (17, 'Bahamas'); 
  34. INSERT INTO `countries` VALUES (18, 'Bahrain'); 
  35. INSERT INTO `countries` VALUES (19, 'Bangladesh'); 
  36. INSERT INTO `countries` VALUES (20, 'Barbados'); 
  37. INSERT INTO `countries` VALUES (21, 'Belarus'); 
  38. INSERT INTO `countries` VALUES (22, 'Belgium'); 
  39. INSERT INTO `countries` VALUES (23, 'Belize'); 
  40. INSERT INTO `countries` VALUES (24, 'Benin'); 
  41. INSERT INTO `countries` VALUES (25, 'Bermuda'); 
  42. INSERT INTO `countries` VALUES (26, 'Bhutan'); 
  43. INSERT INTO `countries` VALUES (27, 'Bolivia'); 
  44. INSERT INTO `countries` VALUES (28, 'Bosnia and Herzegovina'); 
  45. INSERT INTO `countries` VALUES (29, 'Botswana'); 
  46. INSERT INTO `countries` VALUES (30, 'Bouvet Island'); 
  47. INSERT INTO `countries` VALUES (31, 'Brazil'); 
  48. INSERT INTO `countries` VALUES (32, 'British Indian Ocean territory'); 
  49. INSERT INTO `countries` VALUES (33, 'Brunei Darussalam'); 
  50. INSERT INTO `countries` VALUES (34, 'Bulgaria'); 
  51. INSERT INTO `countries` VALUES (35, 'Burkina Faso'); 
  52. INSERT INTO `countries` VALUES (36, 'Burundi'); 
  53. INSERT INTO `countries` VALUES (37, 'Cambodia'); 
  54. INSERT INTO `countries` VALUES (38, 'Cameroon'); 
  55. INSERT INTO `countries` VALUES (39, 'Canada'); 
  56. INSERT INTO `countries` VALUES (40, 'Cape Verde'); 
  57. INSERT INTO `countries` VALUES (41, 'Cayman Islands'); 
  58. INSERT INTO `countries` VALUES (42, 'Central African Republic'); 
  59. INSERT INTO `countries` VALUES (43, 'Chad'); 
  60. INSERT INTO `countries` VALUES (44, 'Chile'); 
  61. INSERT INTO `countries` VALUES (45, 'China'); 
  62. INSERT INTO `countries` VALUES (46, 'Christmas Island'); 
  63. INSERT INTO `countries` VALUES (47, 'Cocos (Keeling) Islands'); 
  64. INSERT INTO `countries` VALUES (48, 'Colombia'); 
  65. INSERT INTO `countries` VALUES (49, 'Comoros'); 
  66. INSERT INTO `countries` VALUES (50, 'Congo'); 
  67. INSERT INTO `countries` VALUES (51, 'Congo'); 
  68. INSERT INTO `countries` VALUES (52, ' Democratic Republic'); 
  69. INSERT INTO `countries` VALUES (53, 'Cook Islands'); 
  70. INSERT INTO `countries` VALUES (54, 'Costa Rica'); 
  71. INSERT INTO `countries` VALUES (55, 'Ivory Coast (Ivory Coast)'); 
  72. INSERT INTO `countries` VALUES (56, 'Croatia (Hrvatska)'); 
  73. INSERT INTO `countries` VALUES (57, 'Cuba'); 
  74. INSERT INTO `countries` VALUES (58, 'Cyprus'); 
  75. INSERT INTO `countries` VALUES (59, 'Czech Republic'); 
  76. INSERT INTO `countries` VALUES (60, 'Denmark'); 
  77. INSERT INTO `countries` VALUES (61, 'Djibouti'); 
  78. INSERT INTO `countries` VALUES (62, 'Dominica'); 
  79. INSERT INTO `countries` VALUES (63, 'Dominican Republic'); 
  80. INSERT INTO `countries` VALUES (64, 'East Timor'); 
  81. INSERT INTO `countries` VALUES (65, 'Ecuador'); 
  82. INSERT INTO `countries` VALUES (66, 'Egypt'); 
  83. INSERT INTO `countries` VALUES (67, 'El Salvador'); 
  84. INSERT INTO `countries` VALUES (68, 'Equatorial Guinea'); 
  85. INSERT INTO `countries` VALUES (69, 'Eritrea'); 
  86. INSERT INTO `countries` VALUES (70, 'Estonia'); 
  87. INSERT INTO `countries` VALUES (71, 'Ethiopia'); 
  88. INSERT INTO `countries` VALUES (72, 'Falkland Islands'); 
  89. INSERT INTO `countries` VALUES (73, 'Faroe Islands'); 
  90. INSERT INTO `countries` VALUES (74, 'Fiji'); 
  91. INSERT INTO `countries` VALUES (75, 'Finland'); 
  92. INSERT INTO `countries` VALUES (76, 'France'); 
  93. INSERT INTO `countries` VALUES (77, 'French Guiana'); 
  94. INSERT INTO `countries` VALUES (78, 'French Polynesia'); 
  95. INSERT INTO `countries` VALUES (79, 'French Southern Territories'); 
  96. INSERT INTO `countries` VALUES (80, 'Gabon'); 
  97. INSERT INTO `countries` VALUES (81, 'Gambia'); 
  98. INSERT INTO `countries` VALUES (82, 'Georgia'); 
  99. INSERT INTO `countries` VALUES (83, 'Germany'); 
  100. INSERT INTO `countries` VALUES (84, 'Ghana'); 
  101. INSERT INTO `countries` VALUES (85, 'Gibraltar'); 
  102. INSERT INTO `countries` VALUES (86, 'Greece'); 
  103. INSERT INTO `countries` VALUES (87, 'Greenland'); 
  104. INSERT INTO `countries` VALUES (88, 'Grenada'); 
  105. INSERT INTO `countries` VALUES (89, 'Guadeloupe'); 
  106. INSERT INTO `countries` VALUES (90, 'Guam'); 
  107. INSERT INTO `countries` VALUES (91, 'Guatemala'); 
  108. INSERT INTO `countries` VALUES (92, 'Guinea'); 
  109. INSERT INTO `countries` VALUES (93, 'Guinea-Bissau'); 
  110. INSERT INTO `countries` VALUES (94, 'Guyana'); 
  111. INSERT INTO `countries` VALUES (95, 'Haiti'); 
  112. INSERT INTO `countries` VALUES (96, 'Heard and McDonald Islands'); 
  113. INSERT INTO `countries` VALUES (97, 'Honduras'); 
  114. INSERT INTO `countries` VALUES (98, 'Hong Kong'); 
  115. INSERT INTO `countries` VALUES (99, 'Hungary'); 
  116. INSERT INTO `countries` VALUES (100, 'Iceland'); 
  117. INSERT INTO `countries` VALUES (101, 'India'); 
  118. INSERT INTO `countries` VALUES (102, 'Indonesia'); 
  119. INSERT INTO `countries` VALUES (103, 'Iran'); 
  120. INSERT INTO `countries` VALUES (104, 'Iraq'); 
  121. INSERT INTO `countries` VALUES (105, 'Ireland'); 
  122. INSERT INTO `countries` VALUES (106, 'Israel'); 
  123. INSERT INTO `countries` VALUES (107, 'Italy'); 
  124. INSERT INTO `countries` VALUES (108, 'Jamaica'); 
  125. INSERT INTO `countries` VALUES (109, 'Japan'); 
  126. INSERT INTO `countries` VALUES (110, 'Jordan'); 
  127. INSERT INTO `countries` VALUES (111, 'Kazakhstan'); 
  128. INSERT INTO `countries` VALUES (112, 'Kenya'); 
  129. INSERT INTO `countries` VALUES (113, 'Kiribati'); 
  130. INSERT INTO `countries` VALUES (114, 'Korea (north)'); 
  131. INSERT INTO `countries` VALUES (115, 'Korea (south)'); 
  132. INSERT INTO `countries` VALUES (116, 'Kuwait'); 
  133. INSERT INTO `countries` VALUES (117, 'Kyrgyzstan'); 
  134. INSERT INTO `countries` VALUES (118, 'Lao People''s Democratic Republic'); 
  135. INSERT INTO `countries` VALUES (119, 'Latvia'); 
  136. INSERT INTO `countries` VALUES (120, 'Lebanon'); 
  137. INSERT INTO `countries` VALUES (121, 'Lesotho'); 
  138. INSERT INTO `countries` VALUES (122, 'Liberia'); 
  139. INSERT INTO `countries` VALUES (123, 'Libyan Arab Jamahiriya'); 
  140. INSERT INTO `countries` VALUES (124, 'Liechtenstein'); 
  141. INSERT INTO `countries` VALUES (125, 'Lithuania'); 
  142. INSERT INTO `countries` VALUES (126, 'Luxembourg'); 
  143. INSERT INTO `countries` VALUES (127, 'Macao'); 
  144. INSERT INTO `countries` VALUES (128, 'Macedonia'); 
  145. INSERT INTO `countries` VALUES (129, 'Madagascar'); 
  146. INSERT INTO `countries` VALUES (130, 'Malawi'); 
  147. INSERT INTO `countries` VALUES (131, 'Malaysia'); 
  148. INSERT INTO `countries` VALUES (132, 'Maldives'); 
  149. INSERT INTO `countries` VALUES (133, 'Mali'); 
  150. INSERT INTO `countries` VALUES (134, 'Malta'); 
  151. INSERT INTO `countries` VALUES (135, 'Marshall Islands'); 
  152. INSERT INTO `countries` VALUES (136, 'Martinique'); 
  153. INSERT INTO `countries` VALUES (137, 'Mauritania'); 
  154. INSERT INTO `countries` VALUES (138, 'Mauritius'); 
  155. INSERT INTO `countries` VALUES (139, 'Mayotte'); 
  156. INSERT INTO `countries` VALUES (140, 'Mexico'); 
  157. INSERT INTO `countries` VALUES (141, 'Micronesia'); 
  158. INSERT INTO `countries` VALUES (142, 'Moldova'); 
  159. INSERT INTO `countries` VALUES (143, 'Monaco'); 
  160. INSERT INTO `countries` VALUES (144, 'Mongolia'); 
  161. INSERT INTO `countries` VALUES (145, 'Montserrat'); 
  162. INSERT INTO `countries` VALUES (146, 'Morocco'); 
  163. INSERT INTO `countries` VALUES (147, 'Mozambique'); 
  164. INSERT INTO `countries` VALUES (148, 'Myanmar'); 
  165. INSERT INTO `countries` VALUES (149, 'Namibia'); 
  166. INSERT INTO `countries` VALUES (150, 'Nauru'); 
  167. INSERT INTO `countries` VALUES (151, 'Nepal'); 
  168. INSERT INTO `countries` VALUES (152, 'Netherlands'); 
  169. INSERT INTO `countries` VALUES (153, 'Netherlands Antilles'); 
  170. INSERT INTO `countries` VALUES (154, 'New Caledonia'); 
  171. INSERT INTO `countries` VALUES (155, 'New Zealand'); 
  172. INSERT INTO `countries` VALUES (156, 'Nicaragua'); 
  173. INSERT INTO `countries` VALUES (157, 'Niger'); 
  174. INSERT INTO `countries` VALUES (158, 'Nigeria'); 
  175. INSERT INTO `countries` VALUES (159, 'Niue'); 
  176. INSERT INTO `countries` VALUES (160, 'Norfolk Island'); 
  177. INSERT INTO `countries` VALUES (161, 'Northern Mariana Islands'); 
  178. INSERT INTO `countries` VALUES (162, 'Norway'); 
  179. INSERT INTO `countries` VALUES (163, 'Oman'); 
  180. INSERT INTO `countries` VALUES (164, 'Pakistan'); 
  181. INSERT INTO `countries` VALUES (165, 'Palau'); 
  182. INSERT INTO `countries` VALUES (166, 'Palestinian Territories'); 
  183. INSERT INTO `countries` VALUES (167, 'Panama'); 
  184. INSERT INTO `countries` VALUES (168, 'Papua New Guinea'); 
  185. INSERT INTO `countries` VALUES (169, 'Paraguay'); 
  186. INSERT INTO `countries` VALUES (170, 'Peru'); 
  187. INSERT INTO `countries` VALUES (171, 'Philippines'); 
  188. INSERT INTO `countries` VALUES (172, 'Pitcairn'); 
  189. INSERT INTO `countries` VALUES (173, 'Poland'); 
  190. INSERT INTO `countries` VALUES (174, 'Portugal'); 
  191. INSERT INTO `countries` VALUES (175, 'Puerto Rico'); 
  192. INSERT INTO `countries` VALUES (176, 'Qatar'); 
  193. INSERT INTO `countries` VALUES (177, 'Runion'); 
  194. INSERT INTO `countries` VALUES (178, 'Romania'); 
  195. INSERT INTO `countries` VALUES (179, 'Russian Federation'); 
  196. INSERT INTO `countries` VALUES (180, 'Rwanda'); 
  197. INSERT INTO `countries` VALUES (181, 'Saint Helena'); 
  198. INSERT INTO `countries` VALUES (182, 'Saint Kitts and Nevis'); 
  199. INSERT INTO `countries` VALUES (183, 'Saint Lucia'); 
  200. INSERT INTO `countries` VALUES (184, 'Saint Pierre and Miquelon'); 
  201. INSERT INTO `countries` VALUES (185, 'Saint Vincent and the Grenadines'); 
  202. INSERT INTO `countries` VALUES (186, 'Samoa'); 
  203. INSERT INTO `countries` VALUES (187, 'San Marino'); 
  204. INSERT INTO `countries` VALUES (188, 'Sao Tome and Principe'); 
  205. INSERT INTO `countries` VALUES (189, 'Saudi Arabia'); 
  206. INSERT INTO `countries` VALUES (190, 'Senegal'); 
  207. INSERT INTO `countries` VALUES (191, 'Serbia and Montenegro'); 
  208. INSERT INTO `countries` VALUES (192, 'Seychelles'); 
  209. INSERT INTO `countries` VALUES (193, 'Sierra Leone'); 
  210. INSERT INTO `countries` VALUES (194, 'Singapore'); 
  211. INSERT INTO `countries` VALUES (195, 'Slovakia'); 
  212. INSERT INTO `countries` VALUES (196, 'Slovenia'); 
  213. INSERT INTO `countries` VALUES (197, 'Solomon Islands'); 
  214. INSERT INTO `countries` VALUES (198, 'Somalia'); 
  215. INSERT INTO `countries` VALUES (199, 'South Africa'); 
  216. INSERT INTO `countries` VALUES (200, 'South Georgia and the South Sandwich Islands'); 
  217. INSERT INTO `countries` VALUES (201, 'Spain'); 
  218. INSERT INTO `countries` VALUES (202, 'Sri Lanka'); 
  219. INSERT INTO `countries` VALUES (203, 'Sudan'); 
  220. INSERT INTO `countries` VALUES (204, 'Suriname'); 
  221. INSERT INTO `countries` VALUES (205, 'Svalbard and Jan Mayen Islands'); 
  222. INSERT INTO `countries` VALUES (206, 'Swaziland'); 
  223. INSERT INTO `countries` VALUES (207, 'Sweden'); 
  224. INSERT INTO `countries` VALUES (208, 'Switzerland'); 
  225. INSERT INTO `countries` VALUES (209, 'Syria'); 
  226. INSERT INTO `countries` VALUES (210, 'Taiwan'); 
  227. INSERT INTO `countries` VALUES (211, 'Tajikistan'); 
  228. INSERT INTO `countries` VALUES (212, 'Tanzania'); 
  229. INSERT INTO `countries` VALUES (213, 'Thailand'); 
  230. INSERT INTO `countries` VALUES (214, 'Togo'); 
  231. INSERT INTO `countries` VALUES (215, 'Tokelau'); 
  232. INSERT INTO `countries` VALUES (216, 'Tonga'); 
  233. INSERT INTO `countries` VALUES (217, 'Trinidad and Tobago'); 
  234. INSERT INTO `countries` VALUES (218, 'Tunisia'); 
  235. INSERT INTO `countries` VALUES (219, 'Turkey'); 
  236. INSERT INTO `countries` VALUES (220, 'Turkmenistan'); 
  237. INSERT INTO `countries` VALUES (221, 'Turks and Caicos Islands'); 
  238. INSERT INTO `countries` VALUES (222, 'Tuvalu'); 
  239. INSERT INTO `countries` VALUES (223, 'Uganda'); 
  240. INSERT INTO `countries` VALUES (224, 'Ukraine'); 
  241. INSERT INTO `countries` VALUES (225, 'United Arab Emirates'); 
  242. INSERT INTO `countries` VALUES (226, 'United Kingdom'); 
  243. INSERT INTO `countries` VALUES (227, 'United States of America'); 
  244. INSERT INTO `countries` VALUES (228, 'Uruguay'); 
  245. INSERT INTO `countries` VALUES (229, 'Uzbekistan'); 
  246. INSERT INTO `countries` VALUES (230, 'Vanuatu'); 
  247. INSERT INTO `countries` VALUES (231, 'Vatican City'); 
  248. INSERT INTO `countries` VALUES (232, 'Venezuela'); 
  249. INSERT INTO `countries` VALUES (233, 'Vietnam'); 
  250. INSERT INTO `countries` VALUES (234, 'Virgin Islands (British)'); 
  251. INSERT INTO `countries` VALUES (235, 'Virgin Islands (US)'); 
  252. INSERT INTO `countries` VALUES (236, 'Wallis and Futuna Islands'); 
  253. INSERT INTO `countries` VALUES (237, 'Western Sahara'); 
  254. INSERT INTO `countries` VALUES (238, 'Yemen'); 
  255. INSERT INTO `countries` VALUES (239, 'Zaire'); 
  256. INSERT INTO `countries` VALUES (240, 'Zambia'); 
  257. INSERT INTO `countries` VALUES (241, 'Zimbabwe'); 
 
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

全方位深度剖析PHP7底层源码

wy53780 2020-04-23 15:39:33

Redis主從複製以及主從複製原理

LoyaltyLu 2019-02-24 23:12:38

nginx+php執行請求的工作原理

xavier 2019-02-24 15:52:41

配置Nginx支持php，出現No input file specified錯誤的解決方法

lvqingpu 2019-02-24 13:15:35

PHP7源碼編譯安裝詳解

揚那個楊 2019-02-24 12:59:32

windows下配置php

jason1982 2019-02-24 12:57:09

PHP hebrev()函數用法講解

php参考手册 2019-02-24 12:43:05

php中file_get_contents()函數用法實例

laozhang 2019-02-24 12:43:05

PHP中的pack和unpack函數

tlanyan 2019-02-24 12:35:02

php面試問答

凌楓 2019-02-24 00:25:10

<<深入PHP面向對象、模式與實踐>>讀書筆記:面向對象設計和過程式編程

tusi 2019-02-23 17:14:59

【PHP源碼分析】small內存規格的計算

LNMPR源碼研究 2019-02-23 16:42:36

源碼分析（五）—配置篇

瀟塵淵 2019-02-23 15:22:46

ASP、JSP、PHP 三種技術比較

lichenjing9 2019-02-23 14:06:52

php項目開發經驗

ncusoho 2019-02-23 14:06:17