Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]DIV chowany/pokazywany w zależności od wyboru select, jak wykonać chowanie i pokazywanie diva w zależności od wyboru selecta
casperii
post
Post #1





Grupa: Zarejestrowani
Postów: 681
Pomógł: 28
Dołączył: 14.08.2014

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


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ś?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
Turson
post
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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


Właśnie za pomocą onChange, ale na elemencie <select> a nie <option>
Go to the top of the page
+Quote Post
casperii
post
Post #3





Grupa: Zarejestrowani
Postów: 681
Pomógł: 28
Dołączył: 14.08.2014

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


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/

Ten post edytował casperii 19.05.2015, 19:41:58
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 25.08.2025 - 22:13