Discussion :

[nicerico]

Bonjour

avec le code ci dessous, je voudrais rendre disabled les <options> ciblées de plusieurs select
cela fonctionne que pour le premier <option> de chaque select
si je fais un alert sur la value des options, les deux derniers affichent "undefined"

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<select id="01" class="select" name="niche">
<option class="id_option_value_001" value="001">
<option class="id_option_value_002" value="002">
<option class="id_option_value_003" value="003">
</select>
 
<select id="02" class="select" name="niche">
<option class="id_option_value_001" value="001">
<option class="id_option_value_002" value="002">
<option class="id_option_value_003" value="003">
</select>
...

Code :

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

1
2
3
4
5
var has_niche = 001,002,003;
var split_has_niche = has_niche.split(',');
for(var hn = 0; hn < split_has_niche.length; hn++){
$('.select .id_option_value_'+split_has_niche[hn]).attr('disabled','disabled');
}

donne

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<select id="01" class="select" name="niche">
<option class="id_option_value_001" value="001" disabled="disabled">
<option class="id_option_value_002" value="002">
<option class="id_option_value_003" value="003">
</select>
 
<select id="02" class="select" name="niche">
<option class="id_option_value_001" value="001" disabled="disabled">
<option class="id_option_value_002" value="002">
<option class="id_option_value_003" value="003">
</select>

Merci de votre aide

[SpaceFrog]

première remarque un id ne doit jamais etre uniquement numérique ou commencer par du numérique ...

Code :

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

<select id="_01" class="select" name="niche">

2 si tu veux une réponse appropriée , peux tu nous en dire un peu plus sur le ciblage des options ? sur quel critère ?

3 tes options sont vides ???

[nicerico]

1- merci je ne savais pas

2- le ciblage :
quand on sélectionne une option, je voudrais qu'elle devienne disabled pour la suite
dans mon ex :

Code :

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

var has_niche = '001,002,003';

correspond aux options que je voudrais, des le chargement de la page, rendre disabled

3 - elle ne sont pas vide mais j'ai simplifié le code

[SpaceFrog]

http://jsfiddle.net/yYTLy/

http://jsfiddle.net/yYTLy/1/

[nicerico]

Merci mais, j'ai toujours les deux dernières qui ne sont pas "impactées"

sachant que ce code se trouve dans un success de $.ajax, mais je ne pense pas que cela soit la cause

[SpaceFrog]

http://jsfiddle.net/yYTLy/2/
j'avais oublié de virer la selection des disabled ^^

pour les deux derniers non impacté ... donne un exemple ?
http://jsfiddle.net/yYTLy/3/
dans mon exemple je n'ai pas ce souci ...
sur le premier select les dernières options son bien disabled

[nicerico]

c'est nickel !