CONTATTACI

Guide per aspiranti programmatori

Sviluppatore dall'aria dubbiosa che si interroga su che cos'è jquery
Lezione 11 / 36

Manipolazione del contenuto e dei campi dei form in jQuery

La manipolazione del contenuto e dei campi dei form è una parte cruciale dello sviluppo web . JQuery fornisce un set di strumenti efficaci per gestire e modificare il contenuto degli elementi HTML, inclusi i campi di input nei form

 

Manipolazione del contenuto in jQuery

jQuery offre diversi metodi per manipolare il contenuto degli elementi HTML.

 

Impostare o restituire testo puro:  jQuery `.text()`

Il metodo .text in jQuery imposta o restituisce il testo puro di un elemento, escludendo qualsiasi markup HTML.

 

  • Ottenere Testo: `$(“#element”).text();`
  • Impostare Testo: `$(“#element”).text(“Nuovo testo”);`

 

Impostare o restituire html: jQuery `.html()`

Il metodo `.html()` in jQuery è simile a `.text()`, ma lavora, appunto, con il linguaggio ‘HTML, permettendo di ottenere o impostare l’HTML interno di un elemento, con questo metodo infatti il testo verrà renderizzato come HTML e non come semplice testo, potremo quindi andare ad inserire degli elementi con dei tag HTML e il relativo CSS.

 

  • Ottenere HTML: `$(“#element”).html();`
  • Impostare HTML: `$(“#element”).html(“<p>Nuovo contenuto</p>”);`

 

Manipolazione dei campi dei form in jQuery

Il metodo `.val()` in jQuery è specifico per i campi di input dei form. Permette di ottenere o impostare il valore di input, textarea, select, ecc.

 

  • Ottenere valore di input: `$(“#inputForm”).val();`
  • Impostare valore di input: `$(“#inputForm”).val(“Nuovo valore”);`

 

Volendo scendere più nel dettaglio, specifichiamo che in merito alla manipolazione dei campi di un form jQuery fornisce vari metodi per ottenere e impostare i valori, oltre a gestire gli stati di selezione e attivazione.

 

Ottenere e Impostare Valori: :  jQuery .val()

Con `.val()`, è possibile ottenere o impostare il valore di quasi tutti gli elementi di un form.

// Impostare il valore di un campo di input
$("#myInput").val("Inserisci testo qui");

// Ottenere il valore da un campo di input
let inputValue = $("#myInput").val();

Elementi Select: jQuery .val()

Per gli elementi `select`, `.val()` può essere utilizzato per ottenere o impostare l’opzione selezionata.

// Impostare l'opzione selezionata
$("#mySelect").val("opzione2");

// Ottenere l'opzione selezionata
let selectedOption = $("#mySelect").val();

Selezione e Checkbox: jQuery .is()

Utilizzando jQuery per controllare lo stato di selezione di input checkbox e radio button.

// Verificare se un checkbox è selezionato
if ($("#myCheckbox").is(":checked")) {
    // Fare qualcosa se il checkbox è selezionato
}

// Selezionare un radio button
$("#myRadioButton").prop("checked", true);

Esempi Pratici

Supponiamo di avere una struttura HTML semplice con alcuni campi di input e un paragrafo:

<input type="text" id="myInput" />
<select id="mySelect">
    <option value="opzione1">Opzione 1</option>
    <option value="opzione2">Opzione 2</option>
</select>
<p id="displayText"></p>

Utilizzando jQuery, possiamo facilmente manipolare questi elementi:

$(document).ready(function() {
    // Imposta il valore iniziale dell'input
    $("#myInput").val("Ciao Mondo!");

    // Cambia il testo del paragrafo quando cambia il valore del select
    $("#mySelect").change(function() {
        let selectedValue = $(this).val();
        $("#displayText").text("Hai selezionato: " + selectedValue);
    });
});

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.