Skip to main content
Adição de outro exemplo
Fonte Link
Randrade
  • 21,9mil
  • 5
  • 53
  • 133

Em jQuery você simplesmente utiliza o evento 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"/>

Em javascript você vai seguir a mesma lógica. Seleciona o elemento e utiliza o método select() para selecionar o texto. Ficando assim:

<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>

Em jQuery você simplesmente utiliza o evento 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"/>

Em jQuery você simplesmente utiliza o evento 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"/>

Em javascript você vai seguir a mesma lógica. Seleciona o elemento e utiliza o método select() para selecionar o texto. Ficando assim:

<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>

Fonte Link
Randrade
  • 21,9mil
  • 5
  • 53
  • 133

Em jQuery você simplesmente utiliza o evento 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"/>