Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]DIV chowany/pokazywany w zależności od wyboru select
Forum PHP.pl > Forum > Przedszkole
casperii
Witam, mam kod:

  1. <script type="text/javascript">
  2. function pokaz(element)
  3. {
  4. if(element == '0')
  5. {
  6. document.getElementById('show').style.display = 'block';
  7. }
  8. else if(element == '1')
  9. {
  10. document.getElementById('show').style.display = 'block';
  11. }
  12. else
  13. {
  14. document.getElementById('show').style.display = 'none';
  15. }
  16. }
  17.  
  18. <input type="radio" value="0" onclick="pokaz('0');"> a <br>
  19. <input type="radio" value="1" onclick="pokaz('1');"> b <br>
  20. <input type="radio" value="2" onclick="pokaz('2');"> c
  21.  
  22. <div id="show" style="display:none;">Objaw mi się kodzie!</div>


Powyższy kod ma za zadanie pokazać się jeśli wybierzemy input value 2. A jak wykonać coś takiego ale dla selecta ?
Próbowałem w ten sposób ale nie działa:

  1. <option value="0" onclick="pokaz('0');">aa</option>
  2. <option value="1" onclick="pokaz('1');">bb</option>
  3. <option value="2" onclick="pokaz('2');">cc</option>


Próbowałem też robić onChange i też lipa.. Pomoże ktoś?
Turson
Właśnie za pomocą onChange, ale na elemencie <select> a nie <option>
casperii
Cytat(Turson @ 19.05.2015, 20:19:53 ) *
Właśnie za pomocą onChange, ale na elemencie <select> a nie <option>


No dobra...

  1. <select onChange="pokaz(this);">
  2. <option value="0">aa</option>
  3. <option value="1"">bb</option>
  4. <option value="2">cc</option>


Też nic nie działa, rozumem, że onChange będzie działać na tej zasadzie że pobiera wartość z value i będzie porównywać z JS?

Znalazłem rozwiązanie, może komuś będzie kiedyś potrzebne:
http://output.jsbin.com/uvoqos/2/
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.