JavaScript Auto suggérer de mettre à jour plusieurs champs

Question

J'ai un champ de saisie semi-automatique simple qui crache un tas de mots suggérés et le met dans le champ de suggestion. Existe-t-il un code de suggestion automatique qui peut entrer le texte sélectionné, mais aussi remplir automatiquement une plage d'autres champs au lieu du champ sélectionné? Par exemple, lorsque vous effectuez une recherche dans une liste de contacts, vous tapez leur nom ou leur adresse et des options sont suggérées. En cliquant sur celui-ci, il tire automatiquement de la base de données le reste des coordonnées disponibles.

Answer 1

Vous devriez être en mesure de le faire avec le plugin Autocomplete. Ajoutez un result handler et utilisez-le pour remplir vos autres champs.

$('div#result').result(function(e,data,formatted) { 
     $(this).html(formatted); 
     $('div#address').html(data.address); 
     ... 
}); 

Answer 2

Si vous utilisez Ajax.Autocompleter de script.aculo.us, vous pouvez remplacer la fonction afterUpdateElement de le faire pour vous. Vous pouvez ensuite faire un appel qui pourrait renvoyer JSON comme ce qui suit:

{ fields: ['first', 'second'], 
    first: 'value', 
    second: 'another value' } 

et remplir votre formulaire avec quelque chose comme:

for(field in json.fields) 
    $(field).value = json.getAttribute(field);