Récupérer partie nom

Bonjour à tous,

Je rencontre actuellement un souci qui me bloque depuis plusieurs heures ....
Je dispose d'un collection d'éléments; chacune d'entre elles est également composé de collection d'éléments :
-ELEMENT PARENT 1
--ELEMENT ENFANT 11
--ELEMENT ENFANT 12
-ELEMENT PARENT 2
--ELEMENT ENFANT 21
--ELEMENT ENFANT 22
--ELEMENT ENFANT 23
...
Chaque élément enfant contient deux radio boutons et, en fonction de la valeur de ces radio boutons, je souhaite afficher/cacher deux champs.

Code:

---

1 2 3 4 5 6 7 8 9

$(document).on('change', '#lebundle_parent_0_enfant_0_typeElement_0', function(){ $("#lebundle_parent_0_enfant_0_option1").hide('fast'); $("#lebundle_parent_0_enfant_0_option2").show('fast'); }); $(document).on('change', '#lebundle_parent_0_enfant_0_typeElement_1', function(){ $("#lebundle_parent_0_enfant_0_option2").hide('fast'); $("#lebundle_parent_0_enfant_0_option1").show('fast'); });

---

Je voudrais donc :

Code:

---

1 2 3 4 5 6 7 8 9

$(document).on('change', '#lebundle_parent_CHIFFRE1_enfant_CHIFFRE2_typeElement_0', function(){ $("#lebundle_parent_CHIFFRE1_enfant_CHIFFRE2_option1").hide('fast'); $("#lebundle_parent_CHIFFRE1_enfant_CHIFFRE2_option2").show('fast'); }); $(document).on('change', '#lebundle_parent_CHIFFRE1_enfant_CHIFFRE2_typeElement_1', function(){ $("#lebundle_parent_CHIFFRE1_enfant_CHIFFRE2_option2").hide('fast'); $("#lebundle_parent_CHIFFRE1_enfant_CHIFFRE2_option1").show('fast'); });

---

pour chaque parent_LE_CHIFFRE1
pour chaque enfant_LE_CHIFFRE2
effectuer les changements adéquats

Sachant que je peux avoir un nombre illimité de parent et dans chaque parent d'enfants, je ne vois pas du tout comment faire...
J'avais pensé à extraire les deux chiffres séparément mais cela n'a pas fonctionné.

Je vous remercie d'avance pour votre aide / vos pistes.

Cordialement,
DocJWL.

Deux possibilités

Une sans modifier tes balises html:
il suffit de parser l'id au moyen d'une reg ...

Une en ajoutant a la balise un attribut data avec le chiffre

SI tu as un bout de html avec les parents et enfant je peux essayer de monter un petit fiddle ...

Hello,

merci pour la réponse.

La deuxième possibilité n'est pas faisable : je n'ai pas la main sur les balises (générées par un outil).
La première solution je l'avais testé, mais je suis heurté vite à un problème : pour parser l'id, il faut que je connaisse d'avance l'id généré non ?

Et étant donné qu'il peut y en avoir 1 comme 500, je ne vais pas pouvoir récupérer les id pour les parser.... Vous voyez mon souci ?
Chaque élément parent et enfant est généré automatiquement, lorsque l'utilisateur clique sur un bouton ...

à partir du moment ou l'id à un pattern... pas de souci

file moi un bout de balises html ...

Ah ^^ alors voici le code des boutons qui permettent de cacher/afficher les zones de texte :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<input type="radio" id="lebundle_parent_0_enfant_0_typeElement_0" name="lebundle[parent][0][enfant][0][typeElement]" required="required" class="" value="type_elem0">   <input type="radio" id="lebundle_parent_0_enfant_0_typeElement_1" name="lebundle[parent][0][enfant][0][typeElement]" required="required" class="" value="type_elem1">

---

et enfin voici les zones de textes :

Code:

---

1 2 3 4 5 6 7

<select id="lebundle_parent_0_enfant_0_option1" name="lebundle[parent][0][enfant][0][option1]" class=" form-control">   <select id="lebundle_parent_0_enfant_0_option2" name="lebundle[parent][0][enfant][0][option2]" class=" form-control">

---

Je viens d'essayer de récupérer tous les id de tous les champs du document, d'ensuite filtrer sur le nom et de sélectionner les chiffres, en vain ...

:koi: Zone de texte ? je vois de select sans option ...

Oui excusez, un peu de fatigue
c'est une liste déroulante, j'ai enlever les valeurs dans le code fourni car, je pense, non nécéssaires.

Sinon en effet, il y a bien une liste d'option à la suite des champs à afficher/cacher

Code:

---

1 2 3 4 5

<option value="1"> toto </option> <option value="2"> titi </option> <option value="3"> tata </option> <option value="4"> tutu </option> </select>

---

Un exemple
(il y a un décallage entre le parent qui commence à 0 et les enfants à 1 ...
https://fiddle.jshell.net/dr0fp00s/

Bonjour,

Merci pour la réponse.

Effectivement ça fonctionne avec un élément.

Mais le nombre peut varier infiniment, alors que là l'id est mis en dur dans le "sel = ...".
J'avais déjà réussi à faire ce code (voir premier post), mais je voudrais le généralisé à parent_X_enfant_X avec X compris entre 0 et un nombre non connu, qui dépendra de la volonté de l'utilisateur d'ajouter des champs au formulaire

avec autant d'éléments que tu veux a condition que le pattern soit toujours le même
https://jsfiddle.net/dr0fp00s/1/