Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Zalezne listy (select)
Komarek
post
Post #1





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 18.12.2009

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


Witam

Jako ze jestem cienki bolek z js'a prosze o pomoc (IMG:style_emoticons/default/biggrin.gif)



mam cos takiego
Kod
<select name="1">
<option>-Wybierz-</option>
<option>Wybor 1</option>
<option>Wybor 2</option>
</select>

I teraz mam druga liste ale chce by dzialala w taki sposob:

Jezeli w select =1 wybrano opcje Wybor 1, lista wyglada tak

Kod
<select name="11">
<option>-Wybierz-</option>
<option>Wybor 1 -> 1</option>
<option>Wybor 1 -> 2</option>
</select>


natomiast jezeli w pierwszej liscie wybrano opcje Wybor 2, lista ma wygladac tak:

Kod
<select name="21">
<option>-Wybierz-</option>
<option>Wybor 2 -> 1</option>
<option>Wybor 2 -> 2</option>
</select>


Jak to zrobic ? (IMG:style_emoticons/default/smile.gif)

Prosze o pomoc (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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


Może to Ci rozjaśni trochę sprawę
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <script type="text/javascript">
  6. function confirmChange() {
  7. var wybrano = document.getElementById("sel").value;
  8. //var wiadomosc = "Wybrałeś pole o wartości " + wybrano;
  9. if(wybrano == 1) {
  10. var wiadomosc = "Wybrałeś Wartość 1";
  11. } else if(wybrano == 2) {
  12. var wiadomosc = "Wybrałeś wartość 2";
  13. }
  14. var gdzie_wpisac = document.getElementById("txt");
  15. gdzie_wpisac.value = wiadomosc;
  16. }
  17. </script>
  18. </head>
  19. <body>
  20. <form action="" method="post">
  21. <select id="sel" name="sel" onclick="confirmChange();">
  22. <option value="1">Wartość 1</option>
  23. <option value="2">Wartość 2</option>
  24. </select>
  25. <br/>
  26. <input type="text" id="txt" name="txt" />
  27. <br/>
  28. <input type="submit" name="submit" value="Wyślij" />
  29. </form>
  30. </body>
  31. </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: 4.10.2025 - 17:27