Discussion :

[naourass]

salut a tous le monde.
svp est il possible de supprimer le contenu d'une liste de type select
avec javascript et comment?

merci d'avance. :

modéré par denisC : ajout du tag résolu

[Mr N.]

En parcourant les option et en mettant à chaque fois la valeur null.

[SpaceFrog]

Un peu plus direct et radical ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<select onclick="this.options.length=0">
<option>sqsqsd</option>
<option>sqsqsd</option>
<option>sqsqsd</option>
<option>sqsqsd</option>
<option>sqsqsd</option>
<option>sqsqsd</option>
<option>sqsqsd</option>
<option>sqsqsd</option>
<option>sqsqsd</option>
<option>sqsqsd</option>
</select>

[Mr N.]

En effet assez radical

[naourass]

ok merci

[shwin]

si tu veux avoir moins radical il y a cette méthode

Code :

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

1
2
3
4
 
for (i = document.order.item_id.length; i > 0; i--) {
                                        document.order.item_id.options[i] = null;
}

Il ne faut pas commencer a supprimer par le premier mais bien par le dernier ca sinon tu décale tout t'es index.

[Mr N.]

Dans ce cas là, ce code (grosso modo) :

Code :

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

1
2
3
while(options.length > 0) {
   options[0] = null;
}

suffirait non ?

[ctrl+z]

Complément d'information: Vider un champ select avec ou sans optgroup

Code :

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

1
2
 
document.getElementById(idSelect).innerHTML=null;

Compatible multi-navigateurs.

[nicobilaine]

Dans ce cas là, ce code (grosso modo) :

Code :

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

1
2
3
while(options.length > 0) {
   options[0] = null;
}

suffirait non ?

bonjour,

ça fonctionne bien sous firefox, google chrome et ie, mais il faut juste changer 'options.length' par 'select.length'

Code :

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

1
2
3
4
5
var select = document.forms['formulaire'].elements['select'];
while(0 < select.length)
{
	select.options[0] = null;
}