Problème incrément select/option value et JS

Résolu

cecimil -
cecimil - 31 mai 2012 à 14:12

Bonjour,

Voici mon problème, il va paraitre simpliste mais je suis bloquée (et un peu débutante)...
J'ai créé en html une liste déroulante (mon utilisateur doit saisir une heure):

<SELECT name="SelectHeure"id ="SelectHeure" size="1" onClick="SelectionnerH('heure');"></select>

D'autre part, pour éviter d'avoir à écrire chaque valeur dans la liste d'option, je souhaitais faire ceci :

function SelectionnerH(heure)
	{

	var monSelect = document.getElementById('SelectHeure');
	monSelect.options.length = 0;	
	var h=heure ;
	for (h=1;h<13;h++) {
					monSelect.options[monSelect.length] = new Option(h);
					monSelect.selectedIndex = h ;
					}
	}

Du coup, ca fonctionne "couçi couça" (quand je pense que c'est sensé être binaire, ces bêtes là !)....
Deux problèmes essentiels :
Mon select "ne selectionne pas" ce qui est quand même un comble ! la liste de 1 à 12 s'affiche mais quand on clique dessus, n'est pas conservée dans la "selectbox". Je parle pas de récupération de données (pas encore!) mais simplement d'affichage...

Et quand on clique sur une heure dans la liste, la liste "clignote", je suppose que c'est mon onclick qui fait ça mais je ne sais pas comment le contourner !

A voir également:

Problème incrément select/option value et JS
Option d'ergonomie - Guide
Option volte/vowifi - Guide
Delete boot option - Forum BIOS
Please select boot device - Forum Windows
Option empreinte digitale disparue ✓ - Forum Xiaomi

1 réponse

Réponse 1 / 1

the_animal Messages postés 69 Date d'inscription Statut Membre Dernière intervention 18

Bonjour,

tu dois appliquer seulement le chargement des 12 options durant le chargement ou après que le noeud select est formé, pas durant le click sur le select car à chaque fois que tu y clique la fonction crée de nouveau les options.

-soit tu appelles la fonction quand toutes dom sont chargés
-soit tu appelles la fonction juste après que le select est formé

PS: h initialisé par 'heure' ?

<SELECT name="SelectHeure" id="SelectHeure" size="1"  ></select>
<script>
SelectionnerH();
</script>

function SelectionnerH()
	{
	var monSelect = document.getElementById('SelectHeure');
	monSelect.options.length = 0;	
	var h=0 ;
	for (h=1;h<13;h++) {
					monSelect.options[monSelect.length] = new Option(h);
					monSelect.selectedIndex = h ;
					}
	}

cecimil

Merci !!! c'est cool, j'ai pensé à sortir ma fonction des balises select, mais cela ne fonctionnait pas (une erreur de copier-coller peut être ^ ^). Pour le h=heure, au départ je pensait n'écrire qu'une fonction pour les heures et minutes mais là, je crois que j'ai l'esprit embrumé !
:D

Discussions similaires

Aide Please select boot device

Javascript Arrondi à 2 chiffres après la virgule

Select boot device première utilisation

Please select boot device

Option de connexion est désactivé sur pc HP

Votre réponse

Discussions similaires