Highlight Text When Clicked

Question

How can I highlight all the text within a textbox when it is clicked using jQuery?

Answer 1

Using jQuery to Highlight (Select) All Text in a Textbox

http://www.willstrohl.com/Blog/tabid/66/EntryId/321/Using-jQuery-to-Highlight-Select-All-Text-in-a-Textbox.aspx

Answer 2

This works for me in both FF and IE.

<input type="text" value="username" id="user" />

<script>
     $("#user").click( function()
     {
         $("#user").focus();
         $("#user").select();
     });
</script>

Answer 3

$('textarea').click(function() { this.focus(); this.select(); });

That should work for all textarea's - switch the selector if need be.

I would probably go with class='autoselect' and then $('.autoselect')

Answer 4

Check out the JQuery UI 'highlight' effect at http://jqueryui.com/demos/effect/

$( function() {
    $("textBoxId")
        .click( function(){
            var options = {};
            $("#textBoxId").effect("Highlight",options,500,callback);
        });
    });