Liste Déroulante: choix via Javascript

bonjour,

j'aimerais pouvoir mettre automatiquement le champ d'une liste déroulante. J'ai une solution fonctionnel mais vraiment vraiment laide...

En fait je complète automatiquement un formulaire avec Nom Prénom Société et Genre et pour le genre j'ai une liste déroulante.

je récupère les informations sur une personne dans une chaine que je split

Code:

---

1 2 3 4 5 6

var elements2 = inputObj.id.split('##'); document.getElementById('société').value=elements2[2] document.getElementById('genre').options[0].text=elements2[1]; document.getElementById('prénom').value=elements2[0]; document.getElementById('nom').value=elements2[3];

---

ici je remplace dont la première valeur de ma liste par le contenue de la chaine.
Dans mon cas je remplace "le Mademoiselle" par Monsieur
Du coup dans ma liste après coup j'ai Monsieur,madame,Monsieur
pas très pratique

Une solution plus élégante ??

voila comment est construit mon formulaire.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<tr> <td width="231" align="center"> genre : </td> <td width="317" align="center"> <select name="Genre" id="genre" > <option value=1>Mademoiselle</option> <option value=2>Madame</option> <option value=3>Monsieur</option> </select> </td> </tr>

---

Code:

---

document.getElementById('société').value=elements2[2]

---

:roll:
Tes id ont des accents ??? Ca risque de poser des problèmes !
Pour le reste, désolé, mais j'ai pas compris ce que tu cherches à faire ?

Hum désolé je vais essayer de faire plus claire en expliquant un pue plus le contexte.
j'ai un formulaire qui contient les champs nom prénom société et une liste déroulante genre ( Mademoiselle, Madame, Monsieur) ... Rien d 'extraordinaire.
Je réalise une autocomplétion par rapport au nom (cela fonctionne) la liste apparait et quand je choisis un nom de cette liste les autres champ prénom société se complète automatiquement avec le prénom et la société récupéré dans la BDD... Rien d 'extraordinaire.

J'aimerais aussi que la liste déroulante se mette automatiquement sur la bonne valeur. C'est à dire que si dans la base de donnée je récupère dans la colonne genre " Madame" la liste déroulante se "positionne" sur madame.

la solution que j'ai fonctionne mais n'est pas parfaite car elle remplace la première option de la liste par la valeur récupéré dans la table.

Pour être très explicit du code commenté :

Code:

---

1 2 3 4 5 6

var elements2 = inputObj.id.split('##'); // InputObj.id.split contient une chaine: ALAIN##MONSIEUR##ARTIX##DUPONT document.getElementById('societe').value=elements2[2] // ici je donne a mon champ société la valeur "ARTIX " fonctionne document.getElementById('genre').options[0].text=elements2[1]; // problème ici: je remplace l'option[0]de ma liste par "MONSIEUR" document.getElementById('prenom').value=elements2[0]; //ici je donne a mon champ prenom la valeur "ALAIN" fonctionne document.getElementById('nom').value=elements2[3]; //ici je donne a mon champ nom la valeur "DUPONT" fonctionne

---

donc j'aimerais, plutôt que de remplacer le premier choix de ma liste conservé les choix originaux et sélectionné le bon genre pour la personne.

ps : "merci pour les id sans accent^^8-)

Code:

---

1 2 3 4 5 6 7

var cherche = document.getElementById('genre').options; for(var i=0; i<cherche.length; i++){ if(cherche[i].text==elements2[1]){ cherche[i].selected = true; return; } }

---

Devrait le faire je suppose.

Ca fonctionne nickel. Enfin j'ai adapter ton script avec un switch case. Je sais pas si c 'est mieux mais çà fonctionne.

Merci


:yaisse2::yaisse2::yaisse2: