copiare contenuto di una textbox in un'altra textbox tramite pulsante

domenico2014

copiare contenuto di una textbox in un'altra textbox tramite pulsante

Buonasera a tutti del Forum, vorrei gentilmente un info: ho due textbox: è possibile associare ad un pulsante la funzione che cliccando su di esso il suo contenuto passa nell'altra textbox? grazie.

pietror

in realtà può essere fatto tutto anche tramite Javascript, non ti serve un linguaggio lato server. Associ alla funzione onclick del button una funzione javascript che prenda il valore del primo e lo metta nel secondo


function copia()
{
   $("#due").val($("#uno").val());
}

domenico2014

Ciao PietroR...scusami per l'ignoranza ...potresti farmi un esempio concreto? non so come utilizzare la funzione. Grazie.

pietror

Ciao Domenico2014
eccolo

parte Javascript (da inserire negli appositi tag)


function copia(){   $("#due").val($("#uno").val());}

Parte HTML


<input type="text" name="uno" value="uno"/>
<input type="text" name="due" />
<button onclick="copia()">Clicca</button>

domenico2014

Ciao pietror.. ho fatto come hai detto tu, purtroppo non copia. Ho inserito il codice javascript tra: <script language="JavaScript" type="text/javascript"> </script> tra i tags <HEAD> </HEAD>.... qualche suggerimento? grazie.

pietror

ma se apri la consolle Javascript del browser ti torna qualche errore?

domenico2014

nessuno errore....x questo non so dove andare a parare

miwebdesign

@Domenico2014 said:

nessuno errore....x questo non so dove andare a parare

Ciao Domenico,
La sintassi descritta di PietroR presume che tu abbia incluso (prima dello snippet) la libreria jQuery sul tuo sito.
Se non lo hai fatto, molto probabilmente sbagli questo.
Inoltre il selettore che è stato scritto nello Snippet presume anche che tu abbia assegnato un id='uno' ed un id='due' alle varie textbox, controlla anche questa cosa.
Per sicurezza lo snippet Javascript scrivilo prima della fine del tag body.

La sintassi finale dovrebbe risultare così:



<input type="text" name="uno" value="uno" id="uno"/>
<input type="text" name="due" id="due" />
<button onclick="copia()">Clicca</button>
<script>
function copia(){
$("#uno").val($("#due").val());
}
</script>