Quando abbiamo a che fare con un pannello di gestione utenti in cui la creazione degli utenti è manuale, può tornarci utilie una funzione che prende il nome e cognome dell’utente che stiamo salvando e li compone nella forma nome.cognome.

Quella che proponiamo è una versione molto base, in quanto sarebbe il caso di eliminare dalla username gli spazi, gli evenutali caratteri accentati e gli apostrofi.
Queste modifiche potranno essere apportate in seguito, quello che ci interessa mettere in luce è come sia possibili prelevare un valore da un campo di testo, combinarlo con un altro e inserirlo in un terzo campo.

Questo e l’html della pagina:

   Nome
   
   Cognome
   
   Username
   

Il codice javascript (o jQuery come preferite) è il seguente:

function makeUsr(){
    $('input[name="username"]').val($('input[name="nome"]').val()+'.'
    +$('input[name="cognome"]').val());
}

Usando i selettori giusti e il metodo .val(), si fa tutto!
Notate che il metodo val() se usato senza parametri restituisce un valore se usato con un parametro assegna un valore.
Questo è un funzionamento abbastanza standard per jQuery