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.
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.
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.