: Home / JavaScript / artykuły / "Chwytanie" formularza
"Chwytanie" formularza
Ocena użytkowników: / 0
SłabyŚwietny 
Wpisany przez Patryk yarpo Jar   
poniedziałek, 21 września 2009 21:06

Dawniej, aby odwołać się do pewnego elementu na stronie [najczęściej formularza] używano tego typu konstrukcji:

 document.nazwa_formularza.(...) 


A sam formularz wyglądał tak:

 <form name="nazwa_formularza" action="#"> 


Jeśli jednak ktoś kiedyś próbował tak zrobić stronę i sprawdził jej poprawność, to niestety walidator krzyczał, że tak należy robić. Więc jak!?

Oto rozwiązanie:

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


Odwoływać się do formularza za pomocą tablicy. Indeks tablicy odpowiada numerowi formularza na stronie [liczone od 0].

Niestety, czasem zdarza się, że nie wiesz jaki ostatecznie będzie numer formularza na stronie – np. Jeśli na górze strony jest formularz do logowania, to gdy użytkownik się zaloguje formularz znika i całe nasze numerowanie szlag trafia! Więc jak to obejść?!

Oto rozwiązanie:

 var formularz = getElementById("form1"); 

var pole_formularza = formularz.pole1.value; 


I tym sposobem obeszliśmy niewygodne przeszkody. A kod HTML wyglądać będzie następująco:

 <form id="form1" action="skrypt.php" method="post"> 


Zauważ, że dzięki takiemu zabiegowi możemy także odnosić się do tego id za pomocą CSS.

Zobacz podobne artykuły

 

Dodaj komentarz


Kod antysapmowy
Odśwież