首页>>表单>>搜索自动推荐 输入框推荐相近搜索 可以带图标(2014-07-06)

搜索自动推荐 输入框推荐相近搜索 可以带图标

 不同于一般的推荐，这个自动推荐可以添加图片在推荐框，也可以无刷新返回值

搜索自动推荐 输入框推荐相近搜索 可以带图标
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

SQL Code
  1. CREATE TABLE IF NOT EXISTS `people2014` (  
  2.   `id` int(11) NOT NULL AUTO_INCREMENT,  
  3.   `name` varchar(100) COLLATE utf8_unicode_ci NOT NULL,  
  4.   `description` varchar(100) COLLATE utf8_unicode_ci NOT NULL,  
  5.   `photo` varchar(50) COLLATE utf8_unicode_ci NOT NULL,  
  6.   PRIMARY KEY (`id`)  
  7. ) ENGINE=MyISAM  DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=32  

 

XML/HTML Code
  1. <form>  
  2.                 <p>The auto-suggest can also display image thumbnail and additional description. You have to pass two additional parameters, <b>showThumbnail</b>, and <b>showDescription</b> and then set their value to <b>true</b>.</p>  
  3.                 Public figure name : <input type="text" name="text3" id="text3" />  
  4.                 <script language="javascript" type="text/javascript">  
  5.                     $("#text3").coolautosuggest({  
  6.                         url:"data.php?chars=",  
  7.                         showThumbnail:true,  
  8.                         showDescription:true  
  9.                     });  
  10.                 </script>  
  11.                   
  12.   
  13.                   
  14.             </form>  

 

JavaScript Code
  1. <script>  
  2.     $('#fieldset1, #fieldset7').coolfieldset();  
  3.     $('#fieldset2, #fieldset3, #fieldset4, #fieldset5, #fieldset6').coolfieldset({collapsed:true});  
  4. </script>  

 

PHP Code
  1. $arr=array();  
  2. $result=mysql_query("SELECT * FROM people2014 WHERE name LIKE '%".mysql_real_escape_string($_GET['chars'])."%' ORDER BY name LIMIT 0, 10") ;  
  3. if(mysql_num_rows($result)>0){  
  4.     while($data=mysql_fetch_row($result)){  
  5.         // Store data in array  
  6.         $arr[]=array("id" => $data[0], "data" => $data[1], "thumbnail" => 'thumbnails/'.$data[3], "description" => $data[2]);  
  7.     }  
  8. }  
  9.   
  10.   
  11.   
  12. // Encode it with JSON format  
  13. echo json_encode($arr);  

 

PHP Code
  1. $arr=array();  
  2. $result=mysql_query("SELECT * FROM people2014 WHERE name LIKE '%".mysql_real_escape_string($_GET['chars'])."%' ORDER BY name LIMIT 0, 10") ;  
  3. if(mysql_num_rows($result)>0){  
  4.     while($data=mysql_fetch_row($result)){  
  5.         // Store data in array  
  6.         $arr[]=array("id" => $data[0], "data" => $data[1], "thumbnail" => 'thumbnails/'.$data[3], "description" => $data[2]);  
  7.     }  
  8. }  
  9.   
  10.   
  11.   
  12. // Encode it with JSON format  
  13. echo json_encode($arr);  

 


原文地址:http://www.freejs.net/article_biaodan_365.html