[IE] Enlever des options d'un select

**sliderman** · 13/01/2009, 17h40

Bonjour @ tous,

J'ai quelques petits soucis avec IE. En fait j'ai un <select>
je compte enlever (ou mieux désactiver) des <option>
quand se produit un évènement.

Donc mon code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
for(var i = 0 ; i <= list.length - 1 ; i++)
{
	to_disable= parseInt(list[i].value);
	if(to_disable>value)
	{
	 list[i].disabled=true;
	}
	else
	{
		list[i].disabled=false;
	}
}

ce code fonctionne sous ff mais pas sous IE
j'ai essayé les comportement HTC, d'enlever l'<option> ...
mais rien n'y fait

donc je suis désespéré, pourriez vous m'aidez ?

PS : j'utilise prototype
et en faisant un .remove() ça ne marche pas

**Bovino** · 13/01/2009, 17h43

Code :

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

to_disable= parseInt(list[i].value);

Si tes values sont du type 01, 02 ..., 09, le parseInt va les transformer en octal, il est donc important de préciser la base :

Code :

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

to_disable= parseInt(list[i].value, 10);

**sliderman** · 13/01/2009, 17h50

mais le problème n'est pas là
puisque mes valeurs sont nécessairement 1,2 .. 10
il y a jamais de 0 devant (ce sont des ids mysql)

**Bovino** · 13/01/2009, 17h54

Il serait bon de montrer un peu plus de code, à quoi correspondent list et value par exemple ?

**sliderman** · 13/01/2009, 18h36

Je cherche à faire en sorte de désactiver des options dans ce <select>

Code :

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

1
2
3
4
5
6
7
 
<div>
<label><b>Dur&eacute;e :</b></label>
<select style="margin-top:3px;margin-left: 60px;width: 75px;" class="inputBox" name="number" onchange="showAvailablePlanning();">
<option value="1"> 45 min</option>
<option value="2">1 h  30 min</option>
</select>

bien sur la fonction

Code :

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

showAvailablePlanning()

me le fai pour fiefox

**SpaceFrog** · 13/01/2009, 18h58

sous IE les options n'acceptnet pas de disabled

on pourrait imaginer attribuer un className "disabled" avec un color silver aux options que l'on souhaite desactiver ...

puis sur le onchange boucler sur les option et verifier si leur class est disabled ...

Dans l'idée:

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
<style type='text/css'>
.disabled {color:silver;}
</style>
<script type="text/javascript" >
function noselect(mysel){
 
if (mysel.options[mysel.selectedIndex].className=="disabled"){mysel.selectedIndex=-1;}
}
</script>
</head>
 
<body>
<select id='foo' onchange="noselect(this)">
		<option>one</option>
		<option>one</option>
		<option class="disabled">one</option>
		<option>one</option>
		<option>one</option>
		<option class="disabled">two</option>
</body>
 
</html>

**sliderman** · 13/01/2009, 19h22

oui au final j'ai fais un truc dans le style

[IE] Enlever des options d'un select

JavaScript

Discussions similaires

Partager

Partager