Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> tresc zalezna od wyboru w rozwijanej liscie
1010
post
Post #1





Grupa: Zarejestrowani
Postów: 749
Pomógł: 37
Dołączył: 3.10.2006

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


chce zrobic pole rozwijanej listy i ze jak wybierze pierwsza opcje to pokazuje sie jeden tekst a jak druga to drugi tekst. Niestety nie jestem za mocny w javascript i nie wiem jak sie do tego zabrac...
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
ferr
post
Post #2





Grupa: Zarejestrowani
Postów: 122
Pomógł: 3
Dołączył: 18.12.2004

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


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <head>
  3. <title>Form</title>
  4. <script type="text/javascript">
  5.  
  6. window.onload = Laduj;
  7.  
  8. function Laduj()
  9. {
  10. document.forms[0].wybor.onchange = Pokaz;
  11. }
  12. function Pokaz()
  13. {
  14. var nazwa = "id-"+this.value
  15. var blok = document.getElementById(nazwa);
  16.  
  17. if (blok.style.display == 'none')
  18. {
  19. blok.style.display = 'block';
  20. }
  21. else
  22. {
  23. blok.style.display = 'none';
  24. }
  25.  
  26. var elements = document.getElementsByTagName('div');
  27. for (var i = 0;i < elements.length ;i++ )
  28. {
  29. if (elements[i].id)
  30. {
  31. if (elements[i].id != nazwa)
  32. {
  33. elements[i].style.display = "none";
  34. }
  35. }
  36. }
  37. }
  38. </script>
  39.  
  40. </head>
  41.  
  42. <body>
  43. <div>
  44. <form name="form" method="post">
  45. <select name="wybor">
  46. <option value="1">opcja pierwsza</option>
  47. <option value="2">opcja druga</option>
  48. </select>
  49. </form>
  50. <div id="id-1" style="display: none;">raz</div>
  51. <div id="id-2" style="display: none;">dwa</div>
  52. </body>
  53. </html>
Go to the top of the page
+Quote Post

Posty w temacie


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: 10.10.2025 - 23:48