Discussion :

[nlefebvre1]

bonjour
je souhaite recupéré id de la class line-reservation quand je click sur <a href="#" class="action validate "

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
           <div class="line-reservation frow " id="1">
                      <div class="check">
                       <input type="checkbox" value="11" id="check_11" name="check_11">
                        <label for="check_11" class="simple"></label>
                        </div>
                        <div class="fcol11">Lefebvre<br>Nicolas</div>
                        <div class="fcol7">29/09/2016</div>
                        <div class="fcol5">2</div>
                        <div class="fcol5">service3</div>
                        <div class="fcol14 description">Indispo de 13h00 à 14h00</div>
                        <div class="fcol5">Indispo de 13h00 à 14h00</div>
                        <div class="fcol10">
 
                            <div class="fbetween frow" id="">
                                <div id="restauration_11"></div>
                                <select id="restauration_affectation[11][jour1]" name="restauration_affectation[11][jour1]">
                                    <option value="">-</option>
 
 
                                        <option value="service1" id="11">Service 1</option>
 
                                        <option value="service2" id="11">Service 2</option>
 
                                        <option value="service3" selected="" id="11">Service 3</option>
                                         <option value="0">Pas de table disponible</option>
                                </select>
                                <a href="/app_dev.php/fr/restauration/demande/commande/11" class="action modifiy">
                               <img src="/bundles/front/img/picto-modification.png" alt="Modifier la demande" title="Modifier la demande"></a> 
                               <div class="fcol5">
                                    <a href="#" class="action validate " id="11" data-title="Validation" data-body="Confirmez-vous la validation de la demande N°NL_RES_021216_0004 d'un montant de 300,00 euros ?">
                                             <img src="/bundles/front/img/picto-validate.png" alt="Valider la demande" title="Valider la demande"></a>
 
                                </div>
                            </div>
                        </div>
                    </div>
 
 
                        <div class="line-reservation frow" id="2">
                        <div class="fcol11">Lefebvre<br>Nicolas</div>
                        <div class="fcol7">30/09/2016</div>
                        <div class="fcol5">1</div>
                        <div class="fcol14 description"></div>
                        <div class="fcol10">
                            <div class="fbetween frow">
                                <select id="restauration_affectation[11][jour2]" name="restauration_affectation[11][jour2]">
                                    <option value="">-</option>
                                     <option value="service1">Service 1</option>
                                     <option value="service2">Service 2</option>
                                      <option value="service3">Service 3</option>
                                </select>
                                <a href="/app_dev.php/fr/restauration/demande/commande/11" class="action modifiy">
                                <img src="/bundles/front/img/picto-modification.png"></a> 
                               <a href="#" class="action validate " id="11" data-title="Validation" data-body="Confirmez-vous la validation de la demande N°NL_RES_021216_0004 d'un montant de 300,00 euros ?">
                               <img src="/bundles/front/img/picto-validate.png" alt="Valider la demande" title="Valider la demande"></a>
 
                            </div>
                        </div>
                    </div>

voici mon js

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
        var initRestaurationAffectation = function(){
 
            $('body').on('click', '#affectation-submit-valider', function (e) {
                e.preventDefault();
                jQuery.noConflict();
                var modal = $('#confirmModal');
                modal.find('.confirmModalTitle').text("{{ 'restauration.affectation.modal.valider.title'|trans }}");
                modal.find('.confirmModalBody').text("{{ 'restauration.affectation.modal.valider.body'|trans }}");
                modal.modal('show');
            });
            var idc = '';
            var id = '';
            var strs = [];
            var z = '';
            $('body').on('click', '.validate', function (e) {
                e.preventDefault();
                jQuery.noConflict();
 
                var idc = $(this).attr('id');
 
                $("select").change(function () {
 
 
 
                     var slec =   $("select option:selected ").each(function () {
 
                         id = $(this).attr('id');
                         if ( id === idc){
                             strs = $(this).text() + " ";
                         }
 
 
                        });
 
 
                }).trigger('change');
 
                var modal = $('#confirmModal');
                modal.find('.confirmModalTitle').text("{{ 'restauration.affectation.modal.valider.title'|trans }}").val(strs);
 
                     z = $(".line-reservation").attr('id')
                    console.log(  z );
 
                modal.find('.confirmModalBody').text("{{ 'restauration.affectation.modal.valider.body'|trans }}").val(id);
                modal.modal('show');
            });
 
            $('body').on('click', '.confirmModalLink', function (e) {
                e.preventDefault();
                var id = $('.confirmModalBody').val();
                var service= $('.confirmModalTitle').val();
                var jour= $('.confirmModalTitle').val();
 
 
 
 
            });
        };

mon pb est que mon console.log( z ); retour toujours 1
merci d'avance de votre aide

[SpaceFrog]

Pour commencer...

Code :

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

1
2
3
4
 
 <option value="service1" id="11">Service 1</option>
        <option value="service2" id="11">Service 2</option>
        <option value="service3" selected="" id="11">Service 3</option>

Un id DOIT être UNIQUE sur la page ...
et de plus de préférence ne pas être uniquement numérique, ni commencer par un numérique ...

Quand les id sont uniques :
https://jsfiddle.net/mvbdcmpy/