foreach

Mattepuffo's logo
Trovare i valori delle celle in una tabella con Javascript

Trovare i valori delle celle in una tabella con Javascript

Partendo da un esempio di tabella reale, nel senso che la uso in un programma in azienda, vediamo come, attraverso Javscript, possiamo identificare i valori delle celle della riga selezionata.

Questa è la teballa HTML (riempita tramite PHP, ma cambia poco):

<table id="tbl_and">
    <thead>
        <tr>
            <th>AGENTE</th>
            <th>RAG.SOC.</th>
            <th>BUDGET</th>
            <th>ORDINE</th>
            <th>COLLEZIONE</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($array as $var): ?>
            <tr>
                <td><?php echo $var['and_utente']; ?></td>
                <td><?php echo $var['and_ragsoc']; ?></td>
                <td><?php echo $var['and_budget']; ?></td>
                <td><?php echo $var['and_ordine']; ?></td>
                <td><?php echo $var['and_collezione']; ?></td>
            </tr>
        <?php endforeach; ?>
    </tbody>
</table>

La funzione che andremo a vedere caricherà tutte le righe della tabella, e si occuperà di intercettare l'evento click sulla riga.