Discussion :

[poneyrose]

Bonjour à tous,

Je débute en JQuery et je me confronte à un problème. J'ai plusieurs select qui portent la même classe.

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
24
25
26
27
<td width='150px'>
	<select name="categ[]" class="categories">
		<option value="0">{$new.categ_id[1]}</option>
		{foreach $new.category AS $cat}
		<option label="{$cat.categoryName}" value="{$cat.categoryId}">&nbsp;&nbsp;{$cat.categoryName}</option>
		{/foreach}
	</select>
</td>
 
 
<td width='150px'>
	<select name="categ[]" class="categories">
		<option value="0">{$new.categ_id[1]}</option>
		{foreach $new.category AS $cat}
		<option label="{$cat.categoryName}" value="{$cat.categoryId}">&nbsp;&nbsp;{$cat.categoryName}</option>
		{/foreach}
	</select>
</td>
 
<td width='150px'>
	<select name="categ[]" class="categories">
		<option value="0">{$new.categ_id[1]}</option>
		{foreach $new.category AS $cat}
		<option label="{$cat.categoryName}" value="{$cat.categoryId}">&nbsp;&nbsp;{$cat.categoryName}</option>
		{/foreach}
	</select>
</td>

J'aimerais récupérer la valeur de chaque select pour vérifier qu'elle est bien différente de 0 mais je ne trouve pas comment récupérer la valeur de chaque select. En faisant :

Code :

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

1
2
3
4
5
$(".categories").each(function() {      
	if ($(".categories").val() == 0) {
		// Do something
        }
});

j'obtiens la valeur uniquement du premier.

Je me demande si ce n'est pas dû au fait que chaque select possède la même classe. Sinon comment pourrais-je faire ?

Merci beaucoup !

[Bovino]

C'est pas très logique ton code...
Tu récupères un tableau d'éléments ayant la classe souhaitée

Code :

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

$(".categories")

Puis tu boucles sur tous ces éléments

Code :

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

.each(function() {...});

mais dans la boucle, tu ne traite pas chaque élément individuellement mais tu reprends ton tableau

Code :

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

if ($(".categories").val() == 0) {...}

Sachant que les méthodes de type getter comme val() renvoient la valeur du premier élément du tableau, ça fait que tu tournes légèrement en rond...

Voir la doc sur .each() pour traiter chaque élément individuellement...

[poneyrose]

Bonjour Bovino,

Effectivement, mon code n'était absolument pas logique. Je ne savais pas comment m'y prendre.

J'ai re-regardé la doc sur .each() et j'ai finalement trouvé !

Merci à toi pour m'avoir mis sur la piste !