Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Trabalhando com elementos

22-03-2007 22:33

Nesse artigo vamos aprender a trabalhar com elementos.

Elementos são formas de fazer referência a determinado campo, input text por exemplo.

Se temos um formulário da seguinte forma:

<form name="form"> <input type="text" name="campo" value=""> </form>

e através do javascript desejamos obter esse valor, geralemente usamos:

document.form.campo.value;

mas, com referência podemos usar:

document.forms[0].elements[0].value;

forms[0] fazendo referência ao primeiro formulário do documento.
elements[0] fazendo referência ao primeiro campo do documento.

no caso se tivesse um novo input text seria o elements[1] e assim por diante, veja um exemplo:

<script> function mostra() { window.alert(document.forms[0].elements[0].value); } </script>


<form name="form1"> <input type="text" name="campo1" value="valor"> <input type="button" onClick="mostra()" value="verifica"> </form>

No exemplo acima eu obtenho o valor do campo1 (valor).

E se no caso precisar saber se, por exemplo, um campo checkbox está checado ou não, ficaria assim:

<script> function mostra() { window.alert(document.forms[0].elements[0].checked); } </script>


<form name="form1"> <input type="checkbox" name="campo1" value="valor"> <input type="button" onClick="mostra()" value="verifica"> </form>

Se tiver checado retorna: true, se não false.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado