Discussion :

[axel584]

Bonjour,
J'ai dans ma page une liste d'éléments graphiques qui vont par paire : une case à cocher et un menu déroulant (comprenant une "note" qui peut aller de 0 à différentes valeurs)
Chaque "couple" possède un numéro (correspondant à une info en base de données). J'ai par exemple :

Code html :

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

1
2
3
4
5
<select id='note409805' name='note409805'>
<option value='' disabled selected>Notez la réponse</option>
<option value='0' >0</option>
<option value='1' >1</option>
</select>

et :

Code html :

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

<input type="checkbox" class="filled-in" name='bonneReponse409805' />

Je voudrais qu'en cochant la case, il me selectionne automatiquement le maximum de points.

Code :

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

1
2
3
4
$('input[name^="bonaRespondo"]').change(function() {
    $name = $(this).attr('name');
    $id = $name.substring(12);
  });

Pour info, j'utilise "MaterializeCSS", je ne sais pas si ça change quelque chose.
J'arrive bien à intercepter l’événement de cocher la case, j'arrive bien à récupérer l'identifiant dans la case à cocher, mais pas moyen de modifier mon menu déroulant (j'ai essayé d'afficher des informations de mon menu, j'arrive à afficher son "text()"). J'ai essayé de mettre la valeur "1" en dur quand je clique pour voir si ça fonctionnait, mais je n'ai pas réussi. J'ai essayé des trucs comme $("#note409805 option[value='1']").attr('selected', 'selected'); mais ça ne marche pas. Est-ce que c'est à cause du premier "option" qui est déjà sélectionné ?

Merci pour votre aide,

Axel

[SpaceFrog]

On part du principe que ce sera donc TOUJOURS la dernière option du select ?

Un exemple:
https://jsfiddle.net/tw0nzurk/

Cela peut être adapté pour relier le checkbox à son select par l'intermédiare du name ou id ...

[axel584]

Merci beaucoup, votre code marche bien, mais quand j'essaye d'intégrer ça dans materializeCSS, ça ne semble plus fonctionner (l'affichage dans la console de maxOpts fonctionne, mais la section de l'element le plus grand ne fonctionne pas, mon menu déroulant reste sur la première ligne).
Je ne sais pas trop comment mettre du materializeCSS dans fiddle, mais quand j'essaye, je ne vois carrement plus rien :
https://jsfiddle.net/98z402xg/2/

Merci pour votre aide,

Axel

[SpaceFrog]

Regarde plutot du code html généré pour comprendre sur quel element tu dois agir...