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

Question

I have an input text box with some text in it , onclick event I want to run a javascript function to select (highlight) all text that is in this box , how I can do that with jquery?

Answer 1

You can do this:

$('input').click(function() {
 // the select() function on the DOM element will do what you want
 this.select();
});

Of course, then you can't click on the element to select an arbitrary point in the input, so it might be better to fire that event on focus instead of click

Quick Demo w/ click or w/ focus

Answer 2

You may take a look at this article. (first result on google)

Answer 3

No need for jQuery, this is simple with the DOM and works in all mainstream browsers:

input.onfocus = function() { this.select(); };

If you must do it with jQuery, there's very little difference:

$(input).focus(function() { this.select(); });