jQuery: how to select the text in a text input

Question

I'm trying to create a button linked to a text field that will let me select all the text in a textarea so the user can copy it to the clipboard. I've tried this:

$('#selectCode').click(function() {
     var input = $('#MyTextBox');
     input.focus();
     input.select();
});

based on several examples I found online where you focus on the input and then select it. But this doesn't seem to work in jQuery -- at least the way I'm doing it. Can someone help?

This code works: jsbin.com/imekez. Perhaps something else on your page is interfereing? — Joel
– Joel, Commented Mar 13, 2012 at 16:04
I usually use pure javascript for this. Pretty much the same thing just replacing the $("#MyTextBox"); to document.getElementById('MyTextBox'); — MilkyWayJoe
– MilkyWayJoe, Commented Mar 13, 2012 at 16:06
These must be something else on the page interfering. I tried the code below and it doesn't work either. Ok, thanks, guys. — sehummel
– sehummel, Commented Mar 13, 2012 at 16:07
possibly include the html snippets around the textbox and button? Might help. — Ben Barden
– Ben Barden, Commented Mar 13, 2012 at 16:13
There was a typo in the id of the input. Thanks for all the help! — sehummel
– sehummel, Commented Mar 13, 2012 at 16:15

Shyju · Accepted Answer · 2012-03-13 16:11:26Z

2

$(function(){
   $("#selectCode").click(function(){
     $("#MyTextBox").select();       

   });
});

Here is the working demo : http://jsfiddle.net/vqGM4/3/

edited Mar 13, 2012 at 16:11

answered Mar 13, 2012 at 16:04

Shyju

220k106 gold badges421 silver badges499 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery: how to select the text in a text input

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related