ugrás a tartalomhoz

Űrlap rejtett részek (GetElementById)

ZoliWR · 2008. Május. 29. (Cs), 18.27
Sziasztok!

Van egy űrlapom (ügyfél tölti ki az adatlapot), abban van olyan rész, ahol a legördülő menüből, ha a látogató az "Igen"-t választja, akkor újabb 4-5db űrlapelem jelenik meg, további kitöltendő felületet adva ezzel a látogatónak. A gond az vele, hogy ha egy űrlapon belül több ilyen van, akkor már nem működik a többi, csak az első, illetve firefox alatt abszolut nem megy még ez sem. Kérlek segítsetek, nagyon sűrgősen kéne valami okosság, mivel én láma vagyok! Köszönöm!!!!
  1. <script language="JavaScript" type="text/javascript">  
  2. function megjelenit(){  
  3.   
  4. if (document.getElementById("teher").options.value==1)  
  5. document.getElementById("rejtett").style.display="";  
  6. else  
  7. document.getElementById("rejtett").style.display="none";  
  8.   
  9. }  
  10. </script>  
  11.   
  12.   
  13. <form action="" method="post">  
  14. Teher: <select id="teher" name="teher" onChange="megjelenit()">  
  15.   <option value="0">nem</option>  
  16.   <option value="1">igen</option>  
  17.   </select><br>  
  18.   
  19.   <div id="rejtett" style="display:none;">  
  20. Milyen teher:<input name="mezo1" type="text"><br>  
  21. Mióta:<input name="mezo2" type="text"><br>  
  22.   
  23.   </div>  
  24. </form>  
‹ Kinyit becsuk, javascript probléma Szematikus web ma ›
 ■
1

onchange

vbence · 2008. Május. 29. (Cs), 18.52
Az esemény általában akkor fut le, amikor (pl. tabbal) elvált a aktuális elemről. Ha mindig frissülő cuccost szeretnél használd az onclick illetve onkeypress stb. eseményeket.
2

Nekem van rá megoldásom

Poetro · 2008. Május. 29. (Cs), 19.37
A NowPublic.com-on van ilyen megoldás jQuery-vel, ami akár többlépcsős ki becsukogatós formot kezel. Ha esetleg regisztrálnál egy uj felhasználót, akkor a saját felhasználód oldalán levő Dashboard fül alatt lehet megtekinteni. Ha nem szeretnél regisztrálni, akkor azért a kódot és és egy hozzá tartozó formot megnézhetetsz.

A kód NEM szabadon felhasználható, igazából csak ötletadónak gondoltam az elinduláshoz, és persze minden korszerű böngészőben működik, még IE6 alatt is. :)
3

ez nekem magas :)

ZoliWR · 2008. Május. 29. (Cs), 19.52
Fú gyerekek köszi a hozzászólásokat, de ez nekem qrva magas :)
Valami tök egyszerű megoldás kéne, a fenti kódot nem lehet kiegészíteni, átírni, mittomén, hogy működjön böngifüggetlenül, illetve egy formon belül többször is?

Nagyon köszi a válaszokat!
4

paraméterátadással?

zzrek · 2008. Május. 29. (Cs), 20.37
Kezdőknek, hogy értsék.
  1.  1. <script language="JavaScript" type="text/javascript">    
  2.  2. function megjelenit(haez,ezt){    
  3.  3.     
  4.  4. if (document.getElementById(haez).options.value==1)    
  5.  5. document.getElementById(ezt).style.display="";    
  6.  6. else    
  7.  7. document.getElementById(ezt).style.display="none";    
  8.  8.     
  9.  9. }    
  10. 10. </script>    
  11. 11.     
  12. 12.     
  13. 13. <form action="" method="post">    
  14. 14. Teher: <select id="teher" name="teher" onChange="megjelenit('teher','rejtett')">    
  15. 15.   <option value="0">nem</option>    
  16. 16.   <option value="1">igen</option>    
  17. 17.   </select><br>    
  18. 18.     
  19. 19.   <div id="rejtett" style="display:none;">    
  20. 20. Milyen teher:<input name="mezo1" type="text"><br>    
  21. 21. Mióta:<input name="mezo2" type="text"><br>    
  22. 22.     
  23. 23.   </div>  
  24.   
  25. 14. Teher2: <select id="teher2" name="teher" onChange="megjelenit('teher2','rejtett2')">    
  26. 15.   <option value="0">nem</option>    
  27. 16.   <option value="1">igen</option>    
  28. 17.   </select><br>    
  29. 18.     
  30. 19.   <div id="rejtett2" style="display:none;">    
  31. 20. Milyen teher:<input name="mezo1" type="text"><br>    
  32. 21. Mióta:<input name="mezo2" type="text"><br>    
  33. 22.     
  34. 23.   </div>  
  35.   
  36. 24. </form>    
5

MÜKÖDIK! :)

ZoliWR · 2008. Május. 29. (Cs), 20.45
Működik, köszönöm!
Királyság, végre haladhatok tovább, nagyon szépen köszi!

Ezen a fórumon nem lehet a jó válaszokat pontozni? :D
6

Mégvalami lenne itten

ZoliWR · 2008. Május. 29. (Cs), 20.52
Még annyit kérdeznék:

Hogyan oldható meg az, hogy az űrlap ne csekkolja le a rejtett részeket, ha azok rejtve maradtak és nincsenek kitöltve?
7

Disabled

Poetro · 2008. Május. 29. (Cs), 22.34
Adj neki disabled tulajdonsagot.
  1. <input type="text" disabled="disabled" value="blabla" />  
8

köszi!

ZoliWR · 2008. Május. 30. (P), 07.22
Köszönöm szépen mindenkinek!

Akkor ez igy tuti jó lesz? Nem csekkolja?
Most még nem tudom kiprobálni, majd hamarosan megteszem, azért kérdezem...

Szoval ez abban az esetben marad disable-ben, ha rejtve marad a mező?