Récupérer valeur d'un input

Version imprimable

Bonjour,

Je met d'abord le code et j'explique mon problème après :
Code:

1 2 3 <tr> <td class="id_activiteproduct"><input type="text" value="' . $id_activiteproduct . '" disabled/></td> <td class="heure"><input type="text" value="' . $heure . '" /></td>
Code:

1 2 3 4 5 6 7 8 $('document').ready(function() { $('.heure input').change(function() { //var heure = $('#idTab' + jourNombre + ' .heure input').attr('value'); var heure = $('.heure input').attr('value'); var id_activiteproduct = $('.id_activiteproduct input').attr('value'); ; sauvegarde(id_activiteproduct, heure); });
J'ai dans une classe une fonction qui me retourne un tableau pour chaque valeur trouvé. J'ai donc plusieurs td avec la classe heure. J'aimerai pouvoir récupérer n'importe quelle ligne sauf qu'on me retourne toujours la première ligne. Je ne vois absolument pas comment faire ?? Je vois bien que mon code ne peux pas marcher car toutes mes lignes ont la class heure ..

Merci.

07/02/2014, 09h34
Bovino
Ben plutôt que de demander l'ensemble de tes input dans la fonction associée, demande plutôt celui qui est concerné par l'événement...
Code:

1 2 3 $('.heure input').change(function() { console.log($(this)); // C'est le bon ! }
Et au passage, ce n'est pas avec .attr() qu'on récupère la valeur d'un champ, mais avec .val(). ;)

Bon, j'ai réussi à régler mon problème même si maintenant j'en ai un autre. Je précise que je suis débutant en jquery.

Mon problème maintenant est le suivant : j'ai une liste déroulante générée par ma bdd mysql. Et j'aimerai que lorsque je change de valeur dans ma liste déroulante et lors du clic sur le bouton enregistrer, le contenu d'un td de mon tableau change .. vous comprendrez peut-être mieux avec mon code.

Code:

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<script>
function sauvegarde() {
 
                                                                                            $('.jour').each(function() {
                                                                                                var tab_activite = new Array();
 
                                                                                                var id_jour = $(this).attr('id');
                                                                                                var jour = id_jour.replace('idTab', '');
 
                                                                                                $('#idTab' + jour + ' .table_activite tr.tr_activite').each(function() {
                                                                                                    var id_activiteproduct = $(this).find('.id_activiteproduct input').val();
                                                                                                    var id_activite = $(this).find('.id_activite select').val();
                                                                                                    var heure = $(this).find('.heure input').val();
                                                                                                    var nom_activite = $(this).find('.nom_activite input').val();
                                                                                                    var description_activiteproduct = $(this).find('.description_activiteproduct textarea').val();
                                                                                                    var obj = {};
                                                                                                    obj = {
                                                                                                        "id_activiteproduct": id_activiteproduct,
                                                                                                        "id_activite": id_activite,
                                                                                                        "heure": heure,
                                                                                                        "nom_activite": nom_activite,
                                                                                                        "description_activiteproduct": description_activiteproduct
                                                                                                    };
                                                                                                    tab_activite.push(obj);
                                                                                                });
 
                                                                                                $.ajax({
                                                                                                    type: "POST",
                                                                                                    url: "index.php?id_product=" + id_product + "&controller=product",
                                                                                                    async: true,
                                                                                                    cache: false,
                                                                                                    dataType: "html",
                                                                                                    data: {
                                                                                                        ajax: "1",
                                                                                                        action: "sauvegarde",
                                                                                                        id_jour: jour,
                                                                                                        tab_activite: tab_activite
                                                                                                    },
                                                                                                    success: function(data)
                                                                                                    {
                                                                                                        //alert(data);
                                                                                                        $.fancybox(
                                                                                                                '<p style="color:#0bb14d;font-weight:bold;width:200px;heigth:80px;">Enregistrement réussi</p>',
                                                                                                                {
                                                                                                                    "padding": 20,
                                                                                                                    "closeBtn": true
 
                                                                                                                }
                                                                                                        );
                                                                                                    },
                                                                                                    error: function(jqXHR, textStatus, errorThrown)
                                                                                                    {
                                                                                                        //alert(errorThrown);
                                                                                                    }
 
                                                                                                });
                                                                                            });
                                                                                        }
 
                                                                                        function afficher_activite(donnees) {
                                                                                            $(".description_activite").empty();
                                                                                            $(".description_activite").append(donnees);
                                                                                        }
 
                                                                                        $('document').ready(function() {
                                                                                            $('.button').click(function() {
                                                                                                sauvegarde();
                                                                                            });
                                                                                            $('.id_activite select').change(function() {
                                                                                                afficher_activite('ok');
                                                                                            });
                                                                                        });
</script>

Lorsque id_activite est changé description_activite est changé !

Avec la fonction on de jquery peut-être mais je vois pas trop comment faire ?!

Merci.

Code:

1
2
3
4
 
$( '#MonIdDeMaListeDeroulante' ).on ( 'change', function( ) { $( '#Id_De_La_Cellule_En_Question' ).html( MaVariable + 'Ma chaîne de caractère qui l\'accompage' ); } );
 
$( '#MonIdDeMonBoutonSauvegarder' ).on ( 'click', function( ) { $( '#Id_De_La_Cellule_En_Question' ).html( MaVariable + 'Ma chaîne de caractère qui l\'accompage' ); } );

09/02/2014, 19h51
nolookpass8
Ce ne sera pas avec l'id car je n'ai que des class dans mon table :

<td class="id_activite">ma liste déroulante</td>
<td class="description_activite">description correspondant à la liste</td>

Je vois comment utiliser le on de jquery maintenant :
Code:

1 2 3 4 5 $('.id_activite select').each(function() { $(this).on('change', function() { afficher_activite('ici id_activite qui vient d\'être changé'); }); });
Comme ceci je pense. Mais dans ma fonction afficher_activite() il me faudrait récupérer la valeur du select changé. Et vu que j'ai plusieurs class id_activite je ne peux pas faire de .val() sur le select et avec console.log($(this)); j'ai un undefined problème au niveau de String ..
09/02/2014, 20h37
Darkaurora

Si tu n'ajoutes pas une classe ou si tu ne la changes pas et si tu ne peux pas la définir a partir d'un élément parent personne ne pourra rien faire pour toi.

Pour ce qui est du reste il existe une documentation très fournis sur jQuery

Bonsoir

Si j'ai bien compris, les explications n'étant pas limpides, je suggère de tester :
Code:

1 2 3 $( "td.id_activite select" ).on( "change", function(){ $( this ).parents( "td" ).next( ".description_activite" ).text( $( this ).val() ); });