Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

caixas de texto

Olá, gostaria de saber como eu faço para colocar mais caixas de texto e apenas um botão de comando para coletar todos os dados inseridos nas caixas. Tentei alguns comandos mas não tive sucesso.

1 resposta
solução!

Olá Gabriel

Para pegar o valor de diversas caixas de texto ao mesmo tempo você primeiro precisa selecionar cada uma dessas caixas de texto. Imagine que temos o seguinte html com diversas caixas de texto (input type text):

<input type="text" id="nome"/>
<input type="text" id="idade"/>
<input type="button" value="Olá" onclick="digaOla();"/>

Para pegarmos o valor que foi digitado dentro dos campos de texto na função digaOla, precisamos primeiro recuperar as caixas de texto utilizando a função document.getElementById

<script type="text/javascript">
function digaOla(){
  var caixaNome = document.getElementById("nome");
  var caixaIdade = document.getElementById("idade");
}
</script>

Depois que pegamos as caixas de texto, podemos ler o valor que foi digitado acessando o value da caixa de texto:

<script type="text/javascript">
function digaOla(){
  var caixaNome = document.getElementById("nome");
  var caixaIdade = document.getElementById("idade");
  var nome = caixaNome.value;
  var idade = caixaIdade.value;
}
</script>

E por fim podemos utilizar o valor lido da forma que desejarmos.

<script type="text/javascript">
function digaOla(){
  var caixaNome = document.getElementById("nome");
  var caixaIdade = document.getElementById("idade");
  var nome = caixaNome.value;
  var idade = caixaIdade.value;
  // mostra uma caixa de mensagens utilizando os valores lidos
  alert("Olá " + nome + ", " + idade);
}
</script>

Nesse exemplo, se o usuário digitar victor na caixa com id nome e 25 na caixa de texto com id idade, quando ele apertar o botão do formulário teremos a mensagem Olá victor, 25.