2011-11-14 4 views
2

je mesure le autosuggest/autocomplete suivant qui retourne une liste dynamique lorsqu'un utilisateur tape dans une boîte de recherche:Créer lien de autosuggest autocomplete

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(); 

Lorsqu'un utilisateur clique sur un nom que je le veux lien et aller par exemple

mysite.com/search.html?firstname+lastname 

J'ai vu des réponses sur la version jquery, mais je pense que cela est probablement plus simple mais il m'a déconcerté.

Répondre

0
  1. pour l'événement crochet texte d'entrée de formulaire HTML (recherche) keyup

  2. jQuery:

    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. dans le modèle html créer div '# suggèrent-résultat' pour les utilisateurs de sortie

+0

merci pour cela, mais je suis un peu nouveau à jquery et js pour être honnête, comment cela est-il mis en œuvre exactement? Comme où sur la page etc –

+0

S'il vous plaît écrivez-moi boîte de réception <[email protected]> ou skype