Comment utiliser jquery autosuggest pour rediriger vers une autre URL?

Question

J'ai donc parcouru internet pour trouver une solution que je pensais commune et facile, mais il semble que tous les liens que j'ai consultés sont soit plus que ce dont j'ai besoin, soit ils glissent sur les parties J'ai besoin et je veux comprendre.

Je développe un site où j'aimerais disposer d'un champ où les utilisateurs peuvent taper un état, il va autosuggérer les états possibles et quand un utilisateur sélectionne un état, il redirigera la page vers une autre URL. Donc: s'ils sélectionnent "Alaska, AK" ils sont dirigés vers "http: //.../states/alaska"

De tout ce que j'ai cherché, le jquery UI autosuggest remote source, semble être le plus proche de J'ai besoin. J'ai aimé que je n'avais pas besoin de passer par une base de données, les valeurs sont dans le fichier "search.php".

Dans le fichier search.php les valeurs sont insérées comme:

$q = strtolower($_GET["term"]); 
if (!$q) return; 
$items = array(
"Great Bittern"=>"Botaurus stellaris", 
"Little Grebe"=>"Tachybaptus ruficollis", 
"Black-necked Grebe"=>"Podiceps nigricollis", 
"Little Bittern"=>"Ixobrychus minutus", 
... 

Je l'ai testé que je peux changer les valeurs ici pour:

$q = strtolower($_GET["term"]); 
if (!$q) return; 
$items = array(
"Alabama, AL"=>"http://.../states/alabama", 
"Alaksa, AK"=>"http://.../states/alaska", 
"Arizona, AZ"=>"http://.../states/arizona", 
... 

Dans le HTML le code est le suivant:

$(function() { 
     function log(message) { 
      $("<div/>").text(message).prependTo("#log"); 
      $("#log").scrollTop(0); 
     } 

     $("#birds").autocomplete({ 
      source: "search.php", 
      minLength: 2, 
      select: function(event, ui) { 
       log(ui.item ? 
        "Selected: " + ui.item.value + " aka " + ui.item.id : 
        "Nothing selected, input was " + this.value); 
      } 
     }); 
    }); 

Je ne ai pas besoin pour afficher un journal, comment puis-je reformater pour obtenir la page pour rediriger quand elle est sélectionnée ou lorsque l'utilisateur appuie sur le bouton Envoyer?

Answer 1

Vous aurez besoin d'utiliser l'un de ces

window.location.href = "new link"; 

ou

window.location.replace("new link"); 

Peut-être comme celui-ci

select: function(event, ui) { 
       log(ui.item ? 
        window.location.href = ui.item.value : 
        "Nothing selected, input was " + this.value); 
      }