Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] dynamiczne pola formularza
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Vesp3r
Witam
Mam pewien problem.
Koleżanka poprosuiła mnie bym jej pomógł przy formularzu gdyż ma pewien problem, przesiedziałem nad tym ze znajomym pare godzin ale nei doszliśmy do konstruktywnego rozwiazania.

Ideą tego formularza jest to , że gdy wybierze sie opcje numer jeden pojawiają sie inne pola niż gdybyśmy wybierali opcje numer dwa.

Mianowicie mam "skrypt" i kod formularza:

  1. Punkt Pierwszy <select name="pierwsze pole" >
  2. <option value="null">wybierz</option>
  3. <option value="jeden" onClick="document.getElementById('element1').style.display='none';" >Jeden</option>
  4. <option value="dwa" onClick="document.getElementById('element2').style.display='block';" >Dwa</option>
  5. </select><br />
  6.  
  7. <div id="element1" style="display: none;">
  8. </div>
  9.  
  10. <div id="element2" style="display: none;">
  11. <br />Szczegóły konstrukcji: &nbsp;&nbsp; <select name="podpunkt dwa">
  12. <option value="null">wybierz</option>
  13. <option>Punkt A</option>
  14. <option>Punkt B</option>
  15. <option>Punkt C</option>
  16. </select><br />
  17. </div>



sęk w tym że działa to pod Operą i FF a pod IE nie działa.

Niewem co robie źle, nie ejstem osobą która zna dobrze Js (jak i nie lubi go) dlatego zwracam sie do was o pomoc.
erix
Puść gdzieś działający ten kod.
Vesp3r
http://www.watom.user.icpnet.pl/aaa.php

prosze
kamil4u
Dla <select> należy użyć zdarzenia change(onchange), a nie tak jak to robisz przy użyciu click dla <option>
Vesp3r
Czyli jak by to tutaj szło? bo przyznam jestem kompletnie rozbity w tym momęcie.
kamil4u
Czekasz na gotowca zamiast podpytać Google...

Kod
//HTML
<option value="null" onChange="funkcja(this.value)">wybierz</option>
<option value="jeden">Jeden</option>
<option value="dwa">Dwa</option>
</select><br />

//JS
function funkcja(x){
if(x=="jeden") //rób coś gdy kliknę wartość "jeden"
  if(x=="dwa") //rób coś gdy kliknę wartość "dwa"
} // w sumie to lepiej byłoby tu wykorzystać switch-a
Vesp3r
Dziękuje za pomoc.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.