Discussion :

[zerros]

Bonjour,

J'essaie de remplir 2 champs texte (nom et prénom) de manière totalement automatique.

La personne commence par saisir en premier le nom, une liste s'affiche en dessous et propose des noms et prénoms contenus dans une base de données. Lorsque la personne click sur la ligne correspondante, il faut que je remplisse le champ nom et le champ prénom.

Pour la partie autocomplete, ça fonctionne. J'ai mon script php qui renvoi une chaine au format "nom#prenom" (sans les " bien sur).

par contre je ne sais pas comment remplir le deuxième champ. Pourriez-vous m'aider svp ?

Voilà mon code html + js.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
$(document).ready(function(){
	$("#pname").autocomplete("psearch.php", {
		formatItem: function (row) {
			var myvar = row.toString();
			var mytemp = myvar.split("\#");
			return mytemp[0] + " " + mytemp[1];
		},
		formatResult: function (row) {
			var myvar = row.toString();
			var mytemp = myvar.split("\#");
			return mytemp[0];
		}
	});
});
</script>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="text" name="pname" id="pname" class="text" value="" />
<input type="text" id="ppname" class="text" name="ppname" value="" />

[PsyKtra]

J'ai pas très bien compris ton code mais essaye ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$("#pname").val(mytemp[0]);
$("#ppname").val(mytemp[1]);

[zerros]

euh ... oui, mais je le mets où ?

Si je me mets dans formatItem ou formatResult le champ ne prend que la première valeur et ce, de manière automatique, sans que je n'ai eu le temps de faire un choix.

Pour illustrer ce que j'essaie de faire : http://jquery.bassistance.de/autocomplete/demo/

Essayez avec le champ Single bird (remote). Au choix de l'oiseau, le champ juste en dessous se rempli tout seul.

J'ai essayé de comprendre le code et de le transposer sur mon application, mais je ne comprend toujours pas comment ils arrivent à ce résultat.

[PsyKtra]

Le problème vient peut être de ton $(document).ready(function(){});
en fait le script est chargé au démarrage de la page et n'est plus rappelé après (et donc au moment ou tu veux faire ton choix)

Le mieux c'est d'ajouter un écouteur (onClick, onFocus ...) à ton champ texte pour que le script (que tu mettra dans une fonction) soit appeler suite à l'évènement de ton choix.

[zerros]

mouai. J'ai l'impression de bidouiller pour le faire fonctionner avec un onclick.
Ca n'explique pas non plus pourquoi sur le site internet cité plus haut, tout fonctionne bien.

Je vais finir par prendre leur code, virer tout ce dont j'ai besoin de virer et ne garder que le code nécéssaire à mon fonctionnement. mais ce serait dommage d'en arriver là.

Je reste encore à l'écoute pour des résolutions possibles. Je continue mes tests.

Merci.