Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: JavaScript problem z listą rozwijaną select/option
Forum PHP.pl > Forum > XML, AJAX
tadek92
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
Wicepsik
  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>
tadek92
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!
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.