[JS] Pré-selection d'une liste déroulante

Résolu/Fermé

Laorra Messages postés 195 Date d'inscription dimanche 12 novembre 2006 Statut Membre Dernière intervention 18 juillet 2011 - Modifié par Laorra le 31/01/2011 à 08:31
LN - 1 avril 2011 à 15:55

Bonjour,

J'essaye de sélectionner la valeur d'une liste déroulante en JS, en fonction d'une variable PHP. Tout cela au chargement de ma page. J'imagine que ce n'est qu'une erreur toute bête, mais malgré tout, je bloque. Une idée?

Voilà mon code :

<?php 
$id = 'IPB'; 

?> 

<html> 
 <head> 
  <script language="Javascript"> 
   function select(selection,maliste){ 
    document.getElementByName(maliste).selectedIndex = selection; 
   } 
  </script> 
 </head> 
 <body onLoad="select(<?php echo $id ?>,chef_section);"> 
  <select  class="input" name="chef_section" > 
   <option value="LBT">LBT</option> 
   <option value="CGT">CGT</option> 
   <option value="IPB">IPB</option> 
  </selected> 
 </body> 
</html>

Merci d'avance!

A voir également:

[JS] Pré-selection d'une liste déroulante
Liste déroulante excel - Guide
Liste déroulante en cascade - Guide
Supprimer liste déroulante excel - Forum Réseaux sociaux
Google sheet liste déroulante - Accueil - Guide bureautique
Js round ✓ - Forum Javascript

2 réponses

Réponse 1 / 2

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
Modifié par avion-f16 le 29/01/2011 à 12:11

Salut.

Il y a plusieurs petites erreurs :
- Il faut ajouter des guillemets simples autour de la variable PHP dans le code JS car c'est une chaine de caractère.
- Pareil pour 'chef_section'
- getElementByName n'existe pas, c'est getElementsByName
- selectedIndex est un entier indiquant la position de l'élément actuellement sélectionné. 0 pour le premier, 1 pour le second, etc.

Voilà la fonction :

function select(value, list_name) {
	// Récupérer toutes les options
	var options = document.getElementsByName(list_name).item(0).options;
	
	// Pour chaque option
	for(i = 0 ; i < options.length ; i++) {
		var option = options[i];
		if(option.value == value) {
			option.selected = true;
		}
	}
}

Et la balise body :

<body onload="select('<?php echo $id; ?>', 'chef_section');">

Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
Bonne année à tous

LN
1 avril 2011 à 15:55

merci merci merci

Réponse 2 / 2

Laorra Messages postés 195 Date d'inscription dimanche 12 novembre 2006 Statut Membre Dernière intervention 18 juillet 2011 107
31 janv. 2011 à 08:35

Bonjour,

Rien à redire c'est parfait!
Merci beaucoup, post résolu!

Discussions similaires

"L'indice n'appartient à la sélection" + VBA

Suppression listes déroulantes

Supprimer liste déroulante Excel

Effacer le contenue d'une cellule avec liste déroulante

supprimer une liste déroulante