Select All or Highlight Text Fields and Textareas Using Javascript

To select all or highlight text fields and textareas using Javascript:

This is some text.


<textarea onClick=select()>This is some text.</textarea>
<input type=text onClick=select() value="This is text too.">


-We created a textarea and a text field.
-We used Javascript's built-in onClick event handler.
-We used Javascript's built-in select method to highlight the text.


NOTES: Many times this is convenient for allowing users to copy and paste. Keep in mind, the select method prevents the user from editing the text in place. If the user tries to type, they will delete the highlighted text, which might be the desired effect.

If you want to prevent typing, using HTML's readonly like so:


<input type=text onClick=select() value="This is text too." readonly>



Free Copy and Paste Javascript Code:

<form>
<textarea onClick=select() readonly>This is some text.</textarea>
<input type=text onClick=select() value="This is text too." readonly>
</form>



Resources:
Use onClick in Javascript



Click HERE to comment or discuss at iLoveTheCode GOOGLE Group

Previous Article: Close Window with window.close in Javascript

Next Article: Focus a Window with self.focus in Javascript

jQuery in Action Bear Bibeault, Yeh... New $26.39	Struts 2 in Action Don Brown, Chad Da... New $29.69	Pro CSS and HTML Design Patterns Michael Bowers New $29.69
CSS Mastery Andy Budd, Simon C... New $23.09	Dojo Matthew A. Russell... New $26.39	CSS David McFarland New $23.09
JavaScript David Flanagan New $31.49	Dreamweaver CS3 David McFarland New $29.69	Creating Web Sites Matthew MacDonald New $19.77

Privacy Information