사용자 정의 자동 제안 자동 완성

Question

에서 링크를 만들어이 동적 목록을 반환 다음 자동 제안/자동 완성 할 때 검색 상자에 사용자 유형 :

if($arg) { 
    if (!$query) { 
     $query = "SELECT name FROM users WHERE (name LIKE \"%" . $_GET["q"] . "%\") group by name LIMIT 8";  
    } 
} 

$result = mysql_query($query); 

$output_items = array(); 

while($row = mysql_fetch_array($result)) { 
    $output_items[] = $row[name]; 
} 

print(implode("\n", $output_items)); 

mysql_close(); 

사용자가 이름을 클릭

내가 그것을 연결하고 가고 싶어 ~에

mysite.com/search.html?firstname+lastname 

jquery 버전에 대한 답변을 보았습니다.하지만이 방법이 더 간단 할 것 같지만 절충되어 왔습니다.

HTML 양식 입력 텍스트

Answer 1

1. (검색) 훅 이벤트

   jQuery를에

2. 의 keyup : DIV를 만드는 HTML 템플릿

   this.keyup(function() { 
       $.getJSON('mysite.com/search.html?name='+name,function(data) { 
        info = data.users; 
        $('#suggest-result').html(''); 
        for (var i = 0; i < info.length; i++) { 
         jQuery('<a/>', { 
          href: '#', 
          title: info[i].user_name, 
          text: info[i].user_name 
         }).appendTo('#suggest-result'); 
        } 
       }); 
   } 
   

3. 출력 누구나 '# 1-결과 제안'