copiare il valore di un campo di testo in automatico in un altro campo di testo

**allin81** · 23-06-2021, 20:27

Salve a tutti,
non so se è la sezione giusta.
In pratica ho un campo di testo di un modulo chiamato "destinazione" dove inserisco il nome di un albergo.
Si tratta della destinazione di un trasferimento, quindi indico dove prelevo il cliente e dove devo accompagnarlo.

Adesso vorrei copiare in automatico, mentre lo digito oppure appena premo tab per riempire un altro campo di testo, il valore inserito in un nuovo campo di testo per il prelevamento il giorno di ritorno.
Nel 95% dei casi è sempre lo stesso luogo, ma potrebbe succedere che il cliente cambia hotel e quindi a mano posso correggere questo valore.

Esiste un modo per farlo con javascript o in qualche altro modo?

Ricapitolando:
Copiare il valore che scrivo nel campo "destinazione" nel campo "ritorno_da"

Grazie

**ninja72** · 23-06-2021, 21:18

Questo è un esempio di quello che vorresti fare.

codice:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>

    <label for="destinazione">Destinazione</label>
    <input id="destinazione" type="text"><br>
    <label for="ritorno_da">ritorno_da</label>
    <input id="ritorno_da" type="text">

    <script>

        const destinazione = document.getElementById('destinazione')
        const ritornoDa = document.getElementById('ritorno_da')

        destinazione.addEventListener('keydown', (e) => {
            if (e.keyCode === 9) {
                e.preventDefault()
                ritornoDa.value = e.target.value
            }
        })
    </script>
</body>

</html>

**allin81** · 23-06-2021, 21:51

si, è proprio quello che mi serviva, spettacolare

Grazie

**allin81** · 23-06-2021, 22:09

Sto avendo qualche problemino
Se metto un altro campo di testo tra i 2 da copiare, mi copia il testo ma premendo tab non esce piu' dal primo campo di testo per andare sul successivo, cosi':

codice:

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


</head>


<body>




    Partenza: <input id="destinazione" type="text"><br>
    Testo: <input id="prova" type="text"><br>
    Ritorno: <input id="ritorno_da" type="text">


    <script>


        const destinazione = document.getElementById('destinazione')
        const ritornoDa = document.getElementById('ritorno_da')


        destinazione.addEventListener('keydown', (e) => {
            if (e.keyCode === 9) {
                e.preventDefault()
                ritornoDa.value = e.target.value
            }
        })
    </script>
</body>


</html>

**ninja72** · 23-06-2021, 23:28

elimina

codice:

 e.preventDefault()

**allin81** · 24-06-2021, 14:29

ottimo, adesso funziona alla grande!!!
Grazie

Discussione: copiare il valore di un campo di testo in automatico in un altro campo di testo

Strumenti discussione

Ricerca discussione

Visualizza

copiare il valore di un campo di testo in automatico in un altro campo di testo

Permessi di invio