Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> JavaScript problem z listą rozwijaną select/option
tadek92
post 19.05.2010, 18:38:15
Post #1





Grupa: Zarejestrowani
Postów: 108
Pomógł: 3
Dołączył: 26.07.2008

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


witam!
mam pewien kod java script:
  1. <select name="lista" onchange="document.getElementById('qwe').style.display='block'" >
  2. <option value="1">opcja 1</option>
  3. <option value="2" >opcja 2</option>
  4. </select><div id="qwe" style="display: none">cxvx</div>

chciałbym, aby po wybraniu opcji 2 zmieniał się display none na block, w chwili obecnej zmienia się on niezależnie od tego, którą opcję wybiorę. jak to zmienić, proszę Was o pomoc
Go to the top of the page
+Quote Post
Wicepsik
post 19.05.2010, 18:47:47
Post #2





Grupa: Zarejestrowani
Postów: 1 575
Pomógł: 299
Dołączył: 26.03.2009

Ostrzeżenie: (20%)
X----


  1. <select name="lista" onchange="var s=document.getElementById('qwe').style; if(this.value == 1){ s.display='none'}else{s.display='block'};" >
  2. <option value="1">opcja 1</option>
  3. <option value="2" >opcja 2</option>
  4. </select><div id="qwe" style="display: none">cxvx</div>


--------------------
Go to the top of the page
+Quote Post
tadek92
post 19.05.2010, 19:41:18
Post #3





Grupa: Zarejestrowani
Postów: 108
Pomógł: 3
Dołączył: 26.07.2008

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


ok dzieki wszystko działa, a mam jeszcze pytanie
jak zrobić jeśli miałby większą ilość opcji na liście i chciałbym do kilku z nich zmienić display np.:
  1. <select name="lista" onchange="var s=document.getElementById('qwe').style; if(this.value == 1){ s.display='none'}else{s.display='block'};" >
  2. <option value="1">opcja 1</option>
  3. <option value="2" >opcja 2</option>
  4. <option value="3" >opcja 3</option>
  5. <option value="4" >opcja 4</option>
  6. <option value="5" >opcja 5</option>
  7. </select><div id="qwe" style="display: none">cxvx</div>
i chciałby, żeby do 2 i 5 zmieniało mi displa none na block, czy wystarczy dać:
  1. <select name="lista" onchange="var s=document.getElementById('qwe').style; if(this.value == 2 || this.value==5){ s.display='block'}else{s.display='none'};" >
  2. <option value="1">opcja 1</option>
  3. <option value="2" >opcja 2</option>
  4. <option value="3" >opcja 3</option>
  5. <option value="4" >opcja 4</option>
  6. <option value="5" >opcja 5</option>
  7. </select><div id="qwe" style="display: none">cxvx</div>


już wszystko działa jeszcze raz dzięki 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: 19.07.2025 - 18:32