Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JS] dynamiczne pola formularza
Vesp3r
post 16.07.2009, 11:39:09
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 16.07.2009

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
erix
post 16.07.2009, 11:48:41
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Puść gdzieś działający ten kod.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Vesp3r
post 16.07.2009, 12:17:25
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 16.07.2009

Ostrzeżenie: (0%)
-----


http://www.watom.user.icpnet.pl/aaa.php

prosze
Go to the top of the page
+Quote Post
kamil4u
post 16.07.2009, 19:25:39
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


Dla <select> należy użyć zdarzenia change(onchange), a nie tak jak to robisz przy użyciu click dla <option>


--------------------
Go to the top of the page
+Quote Post
Vesp3r
post 16.07.2009, 20:02:50
Post #5





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 16.07.2009

Ostrzeżenie: (0%)
-----


Czyli jak by to tutaj szło? bo przyznam jestem kompletnie rozbity w tym momęcie.
Go to the top of the page
+Quote Post
kamil4u
post 16.07.2009, 20:08:31
Post #6





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
Vesp3r
post 17.07.2009, 11:09:24
Post #7





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 16.07.2009

Ostrzeżenie: (0%)
-----


Dziękuje za pomoc.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 15.06.2025 - 11:33