Discussion :

[odinh]

Bonjour,

Je ne trouve pas de réponse à mon problème d'obtenir la valeur d'un bouton cliqué dans un tableau construit avec des données externes :

Code :

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

1
2
3
4
5
6
7
8
9
$('#liste').append('<TR><TD><button class="my_button"  >' + rang + '</button></TD>' )   
               $('#liste').append( '<td>' + codepostal + '</td>' );
               $('#liste').append( '<td>' + nomville + '</TD>');
               $('#liste').append( '<td>' + nom + '</TD>');
               $('#liste').append( '<td>' + tel + '</TD>');
               $('#liste').append( '<td>' + rue + '</TD>');
               $('#liste').append( '<td>' + tag + '</TD>');
               $('#liste').append( '<td>' + pro + '</TD>');
               $('#liste').append( '<td>' + mode + '</TD></TR>');

Les div

Code :

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

1
2
3
<div id="annuaires"  >                                               
      <div id="liste" name="liste">Liste annuaires>  </div>
     </div>

Le code Jquery l'alerte est vide

Code :

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

1
2
3
4
5
   $("#annuaires").on('click', 'button', function(){
 
            alert($('.my_button').val());
 
    });

J'ai lu que pour obtenir un effet sur le click d'un élément n'existant pas dans la page il fallait s'appuyer sur un élément existant ici #annuaires les autres solutions ne fonctionnaient pas, cette appli. fonctionnait en javascript.

Je vous remercie de me donner une solution.

Meilleures salutations.

[sekaijin]

tu n'as pas mis d'attribut value à ton bouton il n'a donc pas de value

A+JYT
Merci de poster les question JQuery dans le forum JQuery

[odinh]

Je n'ai pas trouvé le forum.

J'ai effectué la correction dans l'alerte j'obtiens quelque soit la ligne cliquée la valeur de la première ligne du tableau.

Ligne modifiée

Code :

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

$('#liste').append('<TR><TD><button class="my_button" value="' + rang + '" >' + rang + '</button></TD>' )

Jquery modifié

Code :

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

1
2
3
4
5
6
 $("#annuaires").on('click', 'button', function(){
 
             alert($(this).attr("value"));
 
 
    });

Mais c'est une piste.

Merci. Bonne soirée.

[NoSmoking]

Bonjour,
tu "appendes" une TR à une DIV, il ne faudra pas se surprendre qu'un jour ou l'autre ton code ne fonctionne plus !

Une construction plus "propre" serait au moins

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
oTable = $('<table></table>');
oRow = $('<tr></tr>');
oRow.append('<td><button class="my_button" value="'+rang +'" >' +rang +'</button></td>')
    .append('<td>' + codepostal + '</td>' )
    .append('<td>' + nomville + '</td>')
    .append('<td>' + nom + '</td>')
    .append('<td>' + tel + '</td>')
    .append('<td>' + rue + '</td>')
    .append('<td>' + tag + '</td>')
    .append('<td>' + pro + '</td>')
    .append('<td>' + mode + '</td>');
oTable.append( oRow);
$('#liste').append( oTable);