Select textarea text by clicking

Question

How can I do it, when I click on a certain button, the text of a given textarea or input be selected?

I wanted answers with jQuery and jQuery solutions (pure javascript).

Answer 1

In jQuery you simply use the event select();

$('#btnSelecionar').click(function(){
$('#txtInput').select();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea rows="4" cols="50" id="txtInput">
Testando textarea stackoverflow. 
</textarea>
<br/>
<input type="button" value="Selecionar" id="btnSelecionar"/>

In javascript you will follow the same logic. Selects the element and uses the method select() to select the text. Thus:

<textarea rows="4" cols="50" id="txtInput">
Testando textarea stackoverflow. 
</textarea>
<br/>
<button type="button" onclick="myFunction()">Selecionar</button>

<script>
function myFunction() {
    document.getElementById("txtInput").select();
}
</script>

Answer 2

Jquery:

 $(function() {
   $(document).on('click', 'input[type=text][id=example1]', function() {
     this.select();
   });
 });

JS Puro:

document.getElementById("example2").onclick = function(){
  document.getElementById("example2").select();
}

 $(function() {
   $(document).on('click', 'input[type=text][id=example1]', function() {
     this.select();
   });
 });

document.getElementById("example2").onclick = function(){
  document.getElementById("example2").select();
}

JQuery:

<input type="text" id="example1" value="click the input to select" onclick="this.select();"/>


Js Puro:
<input type="text" id="example2" value="click the input to select" onclick="this.select();"/>