File "debug01.php"

Full Path: /home/analogde/www/videos/Dev tableau/debug01.php
File size: 3.11 KB
MIME-type: text/html
Charset: utf-8

<table border="1" id="myTable">
    <tr>
        <th>Nom</th>
        <th>Âge</th>
        <th>Ville</th>
    </tr>
    <tr>
        <td>
            <select>
                <option value="Un">Un</option>
                <option value="Deux">Deux</option>
                <option value="Trois">Trois</option>
                <option value="Quatre">Quatre</option>
            </select>
        </td>
        <td>25</td>
        <td>Paris</td>
    </tr>
    <tr>
        <td>
            <select>
                <option value="Un">Un</option>
                <option value="Deux">Deux</option>
                <option value="Trois">Trois</option>
                <option value="Quatre">Quatre</option>
            </select>
        </td>
        <td>30</td>
        <td>Lyon</td>
    </tr>
    <tr>
        <td>
            <select>
                <option value="Un">Un</option>
                <option value="Deux">Deux</option>
                <option value="Trois">Trois</option>
                <option value="Quatre">Quatre</option>
            </select>
        </td>
        <td>28</td>
        <td>Marseille</td>
    </tr>
</table>

<script>
/*
// Sélectionner toutes les lignes du tableau (en ignorant l'en-tête)
let rows = document.querySelectorAll('#myTable tr');

// Parcourir chaque ligne
rows.forEach(row => {
    // Sélectionner toutes les cellules (td) dans cette ligne
    let cells = row.querySelectorAll('td');

    // Vérifier si la ligne contient des cellules (pour éviter la ligne d'en-tête)
    if (cells.length > 0) {
        // Récupérer la valeur du combo box (select) dans la première cellule
        let comboBoxValue = cells[0].querySelector('select') ? cells[0].querySelector('select').value : '';

        // Récupérer le contenu des autres cellules
        let age = cells[1] ? cells[1].textContent : '';
        let city = cells[2] ? cells[2].textContent : '';

        // Afficher les résultats
        console.log(`ComboBox: ${comboBoxValue}, Âge: ${age}, Ville: ${city}`);
    }
});
*/

// Sélectionner toutes les lignes du tableau (en ignorant l'en-tête)
let rows = document.querySelectorAll('#myTable');

// Filtrer les deux dernières lignes (en excluant la première ligne qui est l'en-tête)
let lastTwoRows = Array.from(rows).slice(-2);

// Parcourir les deux dernières lignes
lastTwoRows.forEach(row => {
    // Sélectionner toutes les cellules (td) dans cette ligne
    let cells = row.querySelectorAll('td');

    // Vérifier si la ligne contient des cellules (pour éviter la ligne d'en-tête)
    if (cells.length > 0) {
        // Récupérer la valeur du combo box (select) dans la première cellule
        let comboBoxValue = cells[0].querySelector('select') ? cells[0].querySelector('select').value : '';

        // Récupérer le contenu des autres cellules
        let age = cells[1] ? cells[1].textContent : '';
        let city = cells[2] ? cells[2].textContent : '';

        // Afficher les résultats
        console.log(`ComboBox: ${comboBoxValue}, Âge: ${age}, Ville: ${city}`);
    }
});

</script>