Bonjour

Je commence le javascript et jquery et je sollicite votre aide.

Je travail sous EasyPHP :
Apache 2.4.18 x86 -
PHP 5.6.19 x86
MySQL 5.7.11 x86

DataTables-1.10.16
jQuery-1.12.3

Dans mon fichier groupe.php, j'ai une liste d'établissements ( "eta" stockée dans une bases mysql en local) puis un bouton validation en dessous.

La partie HTML est la suivante :
Code html : 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
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Datatables</title>
 
	<script src="Librairies/DataTables/jQuery-1.12.3/jquery-1.12.3.min.js"></script>
	<script type="text/javascript" src="Librairies/DataTables/datatables.min.js"></script>
 
</head>
<body>
 
<h1>Liste des établissements</h1>
 
 <table cellpadding="1" cellspacing="1" id="eta" class="display" width="100%">
    <thead>
    <tr>
        <th>Groupe</th>
        <th>RNE</th>
		<th>Type</th>
        <th>Nom</th>
        <th>Ville</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
    	<th>Groupe</th>
        <th>RNE</th>
		<th>Type</th>
        <th>Nom</th>
        <th>Ville</th>
    </tr>
    </tfoot>
</table>
 
<button id="button">Validation</button>
Puis vient le coté javascript
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
 
<script type="text/javascript">
 
    $(document).ready(function () {
    	var selected = [];
 
        $('#eta').DataTable({
            "columns": [
				{"data": "logid"},
                {"data": "rne"},
                {"data": "etype"},
                {"data": "nom"},
                {"data": "ville"},
 
            ],
            "processing": true,
            "serverSide": true,
            "ajax": {
                url: 'http://127.0.0.1/caseideMVC/etablissement/groupe/',
                type: 'POST',
            	complete:   function(){
                   $('table').css('background-color', 'lightgrey');
               },
            },
	        "rowCallback": function( row, data ) {
	            if ( $.inArray(data.DT_RowId, selected) !== -1 ) {
	                $(row).addClass('selected');   
	            } 
	        },
        });
        $('#eta tbody').on('click', 'tr', function () {
 
            var id = this.id;
            var index = $.inArray(id, selected);
            var table= $('#eta').DataTable();
 
            if ( index === -1 ) {
                selected.push( id );
            } else {
                selected.splice( index, 1 );  
            }
 
            $(this).toggleClass('selected');
 
            $('#button').click( function () {
 
                $.post("http://127.0.0.1/caseideMVC/etablissement/groupeupdate/",
                		 { name: 'donnees' },
                        function(name) {
                            $('#liste').html(name);
                         }
                    );     
            } );   
 
        } );
 
    });
 
</script>
J'en sélectionne un ou plusieurs et j'appuie sur le bouton validation pour spécifier que mon choix est fait.

J'aimerais pouvoir récupérer le champ "rne" (en POST idéalement) du tableau javascript selected.

J'arrive a récupérer le nombre de ligne sélectionnée avec l'instruction :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
var table= $('#eta').DataTable();
alert( table.rows('.selected').data().length +' row(s) selected' );
Je me doute que c'est simple , mais je n'arrive pas à trouver.
Merci pour votre aide.