1

Alguém sabe como eu poderia pegar o value de um button usando JQuery?

O que quero fazer é usar este value em uma textarea, então não precisa ser necessariamente o value, o name também serviria.

Quero que function assim: Tenho uma listagem com vários Buttons, e ao lado uma textarea. O que quero é quando clicado no botao (cada um com seu value ou name) apareça o value/name na textarea ao lado. E o que não estou conseguindo é pegar o value/name do button ao clicar no botao.

Pra isso eu ja tenho cada botao com mesmo id, e no JQuery utilizar a função .click()

Alguém poderia me ajudar?

Grato desde ja!

2 Respostas 2

3

Você pode obter as propriedades do botão diretamente no click. Algumas propriedades é possível com attr ou prop. E depois atribuir ao textarea.

Exemplo

$('button').click(function(){
  var valor = $(this).val();
  var nome = $(this).attr('name');
  $('#area').val(valor + ' ' + nome)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button value="1" name="um">Um</button>
<button value="2" name="dois">Dois</button>
<button value="3" name="tres">Tres</button>
<textarea id="area"></textarea>

Obs: Não é possível usar o mesmo id em vários elementos.

1
  • 1
    Deu certo aqui @Lucas Costa. Eu estava tentando pegar o botao com o id. Valeu!
    – Gabriel
    Commented 5/07/2017 às 13:15
0

Tem essa forma que é bem simples.

<!DOCTYPE html>
<html>
<body>

<p>CLIQUE NO BOTAO E RETORNA O VALOR EM UMA DIV</p>

<button id="meuBotao" value="Teste do Botão" onclick="retornaValor()">Teste</button>

<div id="demonstracao"></div>

<script>
function retornaValor() {
  var x = document.getElementById("meuBotao").value;
  document.getElementById("demonstracao").innerHTML = x;
}
</script>

</body>
</html>

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 .