Ottieni i valori di campo facendo clic sulla riga della tabella

Felicia Giuliani
Ottieni i valori di campo facendo clic sulla riga della tabella
A volte, per eseguire alcune funzionalità sono necessari dati specifici, dati di riga particolari o la colonna specifica della tabella HTML sul sito Web. Ad esempio, salvare i valori modificati nel database. Per fare ciò, JavaScript offre una biblioteca efficace e piccola chiamata "jQuery".

Questo articolo descriverà il processo di ottenere tutti i valori delle righe della tabella.

Come ottenere i valori di campo (TD) facendo clic sulla riga della tabella?

""È la data della tabella o le celle di una riga della tabella. Prendere il Valori facendo clic sulla riga della tabella, utilizzare la libreria JavaScript chiamata "jQuery". È una libreria JavaScript compatta, rapida ed efficace. In jQuery, usa il “testo()"Metodo per ottenere i valori delle celle.

Esempio
Nel file HTML, crea una tabella utilizzando

Tag che memorizza le informazioni dello studente:


































IdNomeRotolo #EtàData di ammissione
1Roberto231516, gennaio 2000
2Rohnda201318, febbraio 2003
3Stefano191824, gennaio 2008

Nel tag, aggiungi il "jQueryLibreria "usando il"src"Attributo:

In tag o nel file JavaScript, utilizzare le righe di codice fornite:

$ (documento).ready (function ()
$ ("#getrowdata").al clic', '.getrow ', function ()
var currentRow = $ (questo).più vicino ("tr");
var rcell1 = correntewrow.Trova ("TD: EQ (0)").testo();
var rcell2 = currentWrow.Find ("TD: EQ (1)").testo();
var rcell3 = currentWrow.Trova ("TD: EQ (2)").testo();
var rcell4 = currentWrow.Trova ("TD: EQ (3)").testo();
var rcell5 = correntewrow.Trova ("TD: EQ (4)").testo();
var rowdata = "rowcell1:" + rcell1 + "\ n" + "rowcell2:" + rcell2 + "\ n" + "rowcell3:" + rcell3 + "\ n" + "rowcell4:" + rcell4 + "\ n" + "Rowcell5:" + rcell5;
Avviso (RowData);
);
);

Nel frammento di codice sopra:

  • Innanzitutto, chiama il "pronto()"Metodo per rendere disponibile una funzione dopo il caricamento del documento.
  • Ottieni il tavolo usando il suo ID "getrowdata"E genera un"clic"Evento sul pulsante usando la sua classe assegnata"gira"Ciò invoca una funzione sull'evento click.
  • In funzione, passare la riga come oggetto.
  • Quindi, ottieni i valori di ogni cella usando il "testo()" metodo.
  • Combina tutti i dati in una variabile "Rowdata"Utilizzo dell'operatore di concatenazione.
  • Infine, mostra tutti i dati in un metodo Alert ().

Produzione

Si tratta di ottenere il Valori facendo clic sulla riga della tabella.

Conclusione

Per ottenere il Valori, facendo clic sulla riga della tabella, usa la libreria JavaScript chiamata "jQuery". JQuery offre il “testo()"Metodo che può essere utilizzato per ottenere i valori delle cellule. In questo articolo, abbiamo descritto il processo per ottenere tutti i valori delle righe della tabella.

Circa l'autore

Farah Batool

Ho completato il mio master in informatica. Sono un ricercatore accademico e amo imparare e scrivere su nuove tecnologie. Sono appassionato di scrivere e condividere la mia esperienza con il mondo.

Visualizza tutti i post

Linux suggerimenti LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
 Norme sulla privacy e condizioni d'uso

Programmazione Bash
Come usare il comando seq in bash
Il comando seq è uno strumento utile in bash per generare sequenze di numeri. Leggi questa guida per...
Sig. Valdo Marchetti
C ++
Come utilizzare le funzioni inline in C ++
La funzione in linea si riferisce a mettere il codice di una funzione nel luogo in cui viene effettu...
Nestore Caruso
Oracle Database
Cos'è Oracle Apex?
Oracle Apex è un IDE basato sul Web per creare e distribuire applicazioni Web e mobili sui database ...
Sig. Valdo Marchetti