1

Gostaria de saber como posso pegar um dado contido em um id dentro de um input e colocar em outro lugar da página com ajuda do javascript como segue no exemplo abaixo:

HTML:

<!-- Dado ID -->
<input name='dt_situacao' id='dt_situacao' type='hidden'>

<!-- Dado ID A Ser Inserido-->
<table class="table table-responsive" border="0">
<tr>
<th>Situação inicial:</th>
<td>id_situacao</td>
</tr>
</table>

4
  • Podes fazer isso no servidor... isso é uma opção?
    – Sergio
    15/09/2019 às 13:33
  • @Sergio, ele está aprendendo, vai devagar. 15/09/2019 às 13:38
  • @AugustoVasques exato, por isso é bom aprender as coisas de maneira certa do princípio :)
    – Sergio
    15/09/2019 às 14:22
  • De fato. Pesquisei aqui o termo. Rsrsrsrsrs
    – Carlos
    15/09/2019 às 16:47

2 Respostas 2

1

Se eu entendi: Pra pegar um valor de um id você usa document.getElementById, exemplo de utilização:

var caixa = document.getElementById("divcaixa");
   caixa.style.display = "none";

Pra pegar valor de um input faz o seguinte:

 var teste = document.getElementeById("dt_situação").value;
    var x = document.getElementById("id do lugar que quer colorcar");
    x.innerHTML = teste;

Não testei, mas creio que ta certo, se tiver errado é alguma sintax, mas a logica e os comando estão certo.

1
  • 1
    Muito obrigado. Era exatamente dessa lógica "x.innerHTML = teste;" que estava atrás.
    – Carlos
    15/09/2019 às 16:47
1

Você pode utilizar a função querySelector para localizar os elementos no DOM e a função innerText/innerHTML para atualizar o conteúdo de um elemento.

Pelo que eu entendi, o seu problema seria resolvido da seguinte forma:

var input = document.querySelector('#dt_situacao') //Localizando o input no DOM
var td_situacao = document.querySelector('td') //Recomendo você atribuir um ID ou uma classe nesse elemento para não precisar fazer uma busca pelo nome da TAG.

// Adicionando evento para quando for digitado algo no input, atualizar o TD.
input.addEventListener('keypress', function($event){
    td_situacao.innerText = $event.target.value
})

Você também pode encurtar a função utilizando ES6. Segue o exemplo:

input.addEventListener('keypress', ({target: {value}}) => td_situacao.innerText = value)

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 .