Discussion :

[tusssss]

Bonjour, j'ai tapé un code, avec l'intention de supprimer les options d'un select, avant de le reremplir avec d'autres données sur le onchange d'un autre select.

Pas très clair tout ça, je vais vous montrer du code, celui-ci ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var limit=document.getElementById('nbpompe').options.length
			for (i=0;i<=limit;i++)
			{
				document.getElementById('nbpompe').options[i] = null;
			}
 
			var optnbp1= new Option("1","1");
			var optnbp2= new Option("2","2");
			var optnbp3= new Option("3","3");
 
			document.getElementById('nbpompe').options[(document.getElementById('nbpompe').length)] = optnbp1;
			document.getElementById('nbpompe').options[(document.getElementById('nbpompe').length)] = optnbp2;
			document.getElementById('nbpompe').options[(document.getElementById('nbpompe').length)] = optnbp3;

Cependant, ce code ne supprime pas toutes les options avant d'écrire les nouvelles, et donc mon nombre d'options grandit au fur et à mesure, ce qui n'est pas du tout le but recherché.

Si quelqu'un trouve l' (les) erreur(s) dans mon code, merci par avance.

[Borowsky]

Tiens j'ai trouver ca !

A toi de l'adapter avec tes noms de variable !

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
17
18
19
20
21
22
23
<form name="f">
 
<select name="dmc">
  <option value="Choix 1" selected>Choix 1</option>
  <option value="Choix 2">Choix 2</option>
  <option value="Choix 3">Choix 3</option>
  <option value="Choix 4">Choix 4</option>
  <option value="Choix 5">Choix 5</option>
</select>
 
<a href="#" onClick=ajouteSup();">Supprimer l'option du menu.</a>
 
</form>
 
<script language="javascript">
function ajouteSup(){
n=1; // index de l'option a supprimer
for (i = n; i < Number(document.forms.f.dmc.options.length-1); i++){
  document.forms.ff.dmc.options[i] = new Option((document.forms.f.dmc.options[ Number(i+1) ].text ),(document.forms.f.dmc.options[ Number(i+1) ].value) );
}
  document.forms.ff.dmc.options.length--;
}
</script>

EDIT : Oops autant pour moi, ce que je t'ai donné c'est pour supprimer l'option selectionné...

[le_chomeur]

un simple options.length=0 permet de vider la liste ( pas besoins de boucle )

[tusssss]

Héhé je me suis fatigué encore pour rien merci...je testes de suite...

[tusssss]

Ca marche parfaitement merci. Désolé pour le dérangement...

[le_chomeur]

lol de rien n'hésite pas a faire une recherche la prochaine fois, trouvé en 30 seconde avec les mots clé de ton titre ;-)

[tusssss]

Malheureusement j'ai cherché hier soir pendant une bonne heure, et grâce à cette recherche j'avais trouvé la boucle et le options[i]=null pour supprimer les options...

J'étais peut être crevé hier soir, possible...