Selezionare i dati di una textbox usando OnClick e JavaScript

Possiamo selezionare tutto il testo di una textarea usando OnClick. Questo snippet è utile quando vogliamo che il nostro visitatore copi il contenuto della textarea. Per fare questo è sufficiente usare le seguenti righe di codice nel trigger OnClick.

text_val.focus();
text_val.select();

Vediamo un esempio.

Il codice JavaScript.

<script type="text/javascript">
function select_all(laTextArea) {
	var text_val=eval("laTextArea");
	text_val.focus();
	text_val.select();
}
</script>

Il codice HTML.

<html>
<head>
	<!-- Preferibilmente scrivere qui
	il precedente codice JavaScript -->
</head>
<body>
 
<form name="form1" method="post" action="">
<textarea rows="3" cols="35" onclick="select_all(this);">
Questo testo verrà selezionato cliccando
sulla textarea.</textarea>
</form>
 
</body>
</html>

I commenti:

03-07-2010: Claudio ha scritto:
E' possibile usare lo stesso snippet di codice per avere un link "seleziona tutto" un po' come si vede nei vari siti. Riscrivere la precedente textarea così:

<textarea name="nometextarea" rows="3" cols="35">

e il codice da usare è:

<a onclick="javascript:select_all(document.form1.nometextarea);">Seleziona tutto</a>

Inserisci un commento:


Il contenuto di questo campo è tenuto riservato e non verrà reso pubblico.

Condividi
Del.icio.us Digg Furl Google Ask
Yahoo! Segnalo Technorati Windows Live Facebook
Smarking Slashdot Taggly Ma.gnolia co.mments

Se ti piace questo articolo, puoi collegarlo al tuo sito copiando il seguente codice HTML nelle tue pagine.

Acquista libri di informatica

Acquista qui il tuo software

Ultimi commenti