5

Como posso fazer para, quando clicar em um determinado button, o texto de um determinado textarea ou input ser selecionado?

Queria respostas com soluções com jQuery e também sem jQuery (javascript puro).

2 Respostas 2

10

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>

6
  • 2
    +1 Sem brincadeira, @Randrade, não pensei que fosse tão fácil! Commented 16/10/2015 às 12:22
  • Agora, tem como mostrar um exemplo em somente javascript? Commented 16/10/2015 às 12:22
  • @WallaceMaxters Está ai
    – Randrade
    Commented 16/10/2015 às 12:29
  • Valeu, amigo!!! Commented 16/10/2015 às 12:48
  • No IE do Windows Phone apertar esse "selecionar" fecha o navegador, hahahaha #partiu reportar bug. Commented 16/10/2015 às 14:35
5

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();"/>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .