Pegar o valor de um SPAN

20 views
Skip to first unread message

Mario Rodrigues

unread,
Dec 12, 2017, 11:01:50 AM12/12/17
to jque...@googlegroups.com
Pessoal

Como faço para pegar o valor de um span e preencher um  input??




obs - coisa besta q to me enrolando pra fazer

Cleiton Teixeira

unread,
Dec 12, 2017, 11:07:03 AM12/12/17
to jque...@googlegroups.com
Vamos supor em um exemplo que o span tem ID "old", e o input tem o ID "new", seria algo tipo assim.
$('#new').val($('#old').html());

Ta setando no input o valor do html do span.

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+unsubscribe@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+unsubscribe@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.



--
Cleiton Teixeira
Analista de Sistemas
Facebook - http://www.facebook.com/keuuts
Tel.: +55 (71) 99919-6820

Mario Rodrigues

unread,
Dec 12, 2017, 12:05:42 PM12/12/17
to jque...@googlegroups.com

Cleiton obrigado, mas como eu faria isso em tempo de execução??

Estou usando um teclado virtual, como jogar o valor no input?

Calafrio...

unread,
Dec 12, 2017, 12:26:53 PM12/12/17
to jQuery (Brasil)
Não sei se ajuda...

Mas eu faria assim

Ou pegaria pelo id ou pelo data-value data-valor data-dados sei lá ...

Em relação ao "tempo real"   use o this.id ou $(this).val(o valor capturado do span) ou ainda para atributos  this.getAttribute("data-nomedodata");

Qual a ação? onclick, .hover, change .on   não sei das quanta ...

$(this).val($('#old').html()); // se o old for o span você usa o $(this).val(html do span aqui) mas você não está no span e sim no input


Não uso muito $(this) do jquery e sim o this.value e o this.id e por aí vai...

exemplo

$("#oque").click(function(){
 // Se você tiver clicando no span o valor que irá para o input será o this value ou $(this).html();  do span
// Se você tiver digitanto, dando um focus ou hover ou sei lá o que no input o valor dele será html do $("#id_do_span") e a chamada para atribuir seu valor será o this.value ou $(this).val();
 $(this).val($('#id_do_span').html()); // Aqui você diz input seu valor é o html do span
 // ou this.value =$('#id_do_span').html(); 
// ou 

});

Você clica no span para pegar seu valor e por no input?
Ou clica, dá focus, blur ...  no input para pegar o valor do span e por nele?



Não só tentei ajudar ...


Em terça-feira, 12 de dezembro de 2017 15:05:42 UTC-2, Mario Rodrigues escreveu:

Cleiton obrigado, mas como eu faria isso em tempo de execução??

Estou usando um teclado virtual, como jogar o valor no input?

Em 12 de dezembro de 2017 13:06, Cleiton Teixeira <cleiton....@gmail.com> escreveu:
Vamos supor em um exemplo que o span tem ID "old", e o input tem o ID "new", seria algo tipo assim.
$('#new').val($('#old').html());

Ta setando no input o valor do html do span.
Em 12 de dezembro de 2017 14:01, Mario Rodrigues <marioir...@gmail.com> escreveu:
Pessoal

Como faço para pegar o valor de um span e preencher um  input??




obs - coisa besta q to me enrolando pra fazer

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com

Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.



--
Cleiton Teixeira
Analista de Sistemas
Facebook - http://www.facebook.com/keuuts
Tel.: +55 (71) 99919-6820

Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.

Calafrio...

unread,
Dec 12, 2017, 12:36:28 PM12/12/17
to jQuery (Brasil)
Só corrigindo ... os valores que você pega do span são apenas o id, data-* attribute ,text ou html e não value como citei.
Então de maneira simples clicando no span você teria algo +- assim

$("#span").click(function(){ // bom usar o prevent aqui
var valor = $(this).html(); ou ... text
$("#input").val(valor); // ou faz direto mesmo
});

Até...

Mario Rodrigues

unread,
Dec 12, 2017, 12:43:42 PM12/12/17
to jque...@googlegroups.com
Powwww galera vlw ... consegui aqui ... na verdade com o que foi falado Cleiton e pelo calafrio achei onde tava o meu erro ao inves de .value eu tava usando o .textContent 🙇

Mas vou dar uma melhorada agora q achei o erro ...

Obrigado a todos.


Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+unsubscribe@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages