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

<script language="JavaScript" type="text/javascript">
function megjelenit(){

if (document.getElementById("teher").options.value==1)
document.getElementById("rejtett").style.display="";
else
document.getElementById("rejtett").style.display="none";

}
</script>


<form action="" method="post">
Teher: <select id="teher" name="teher" onChange="megjelenit()">
  <option value="0">nem</option>
  <option value="1">igen</option>
  </select><br>

  <div id="rejtett" style="display:none;">
Milyen teher:<input name="mezo1" type="text"><br>
Mióta:<input name="mezo2" type="text"><br>

  </div>
</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. <script language="JavaScript" type="text/javascript">  
   2. function megjelenit(haez,ezt){  
   3.   
   4. if (document.getElementById(haez).options.value==1)  
   5. document.getElementById(ezt).style.display="";  
   6. else  
   7. document.getElementById(ezt).style.display="none";  
   8.   
   9. }  
  10. </script>  
  11.   
  12.   
  13. <form action="" method="post">  
  14. Teher: <select id="teher" name="teher" onChange="megjelenit('teher','rejtett')">  
  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>

  14. Teher2: <select id="teher2" name="teher" onChange="megjelenit('teher2','rejtett2')">  
  15.   <option value="0">nem</option>  
  16.   <option value="1">igen</option>  
  17.   </select><br>  
  18.   
  19.   <div id="rejtett2" 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>
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.
<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ő?