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