Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]lista rozwijana select, jedna zależna od drugiej
Forum PHP.pl > Forum > Przedszkole
skleps
12.04.2011, 12:11:21
Są dwie listy rozwijane <select>.

Chce uzyskać efekt, że jeśli na liście A user wybierze opcję A1, to na liście B automagicznie wybierze się opcja B1, a jeśli na liście A wybierze cokolwiek innego niż A1, to na liście B wskoczy samo np. B2.

Tak naprawdę to chodzi o to, że jeśli na lisćie A jest A1, to na B MUSI być B1, a jeśli na liście A jest wybrane cokolwiek innego niż A1, to na liście B musi być cokolwiek innego, byle nie B1.

Jak można coś takiego uzyskać?
lukaskolista
12.04.2011, 12:15:18
instrukcja warunkowa w JS + innerHTML? W php nie ma co tego robic bo mija sie to z celem.
skleps
12.04.2011, 12:38:32
Cytat(lukaskolista @ 12.04.2011, 13:15:18 ) *
instrukcja warunkowa w JS + innerHTML? W php nie ma co tego robic bo mija sie to z celem.


to że jakieś JS to się domyślam - ale czy ktoś mógłby rzucic jakimś przykłądem?
kadlub
12.04.2011, 12:43:30 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <script type="text/javascript">
  6.  
  7. function changeSelect() {
  8.  
  9. var first = document.getElementById('poleA');
  10.  
  11. var second = document.getElementById('poleB')
  12.  
  13. if(first && second){
  14.  
  15. first.onchange = function(){
  16.  
  17. second.selectedIndex = first.selectedIndex;
  18.  
  19. }
  20. }
  21. }
  22. window.onload = function(){
  23. changeSelect();
  24. }
  25. </script>
  26.  
  27. </head>
  28. <body>
  29. <form action="#" method="POST">
  30. <select  id="poleA" >
  31. <option value="a1">a1</option>
  32. <option value="a2">a2</option>
  33. <option value="a3">a3</option>
  34. </select>
  35. <br>
  36. <br>
  37. <select id="poleB">
  38. <option value="b1">b1</option>
  39. <option value="b2">b2</option>
  40. <option value="b3">b3</option>
  41. </select>
  42.  
  43. </body>
  44. </html>
[HTML] pobierz, plaintext

może to ci w czymś pomoże
thek
12.04.2011, 12:53:51
A google ukradli czy stało się płatne? wink.gif Tak trudno wpisać:
zależne selecty
populated selects
? Liczba artkułów z przykładami kładzie na kolana...
skleps
12.04.2011, 14:52:32
Cytat(kadlub @ 12.04.2011, 13:43:30 ) *
może to ci w czymś pomoże


dzięki - o to mniej więcej chodziło smile.gif
shaolin33
25.06.2013, 09:28:57
Cytat(kadlub @ 12.04.2011, 13:43:30 ) *
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <script type="text/javascript">
  6.  
  7. function changeSelect() {
  8.  
  9. var first = document.getElementById('poleA');
  10.  
  11. var second = document.getElementById('poleB')
  12.  
  13. if(first && second){
  14.  
  15. first.onchange = function(){
  16.  
  17. second.selectedIndex = first.selectedIndex;
  18.  
  19. }
  20. }
  21. }
  22. window.onload = function(){
  23. changeSelect();
  24. }
  25. </script>
  26.  
  27. </head>
  28. <body>
  29. <form action="#" method="POST">
  30. <select  id="poleA" >
  31. <option value="a1">a1</option>
  32. <option value="a2">a2</option>
  33. <option value="a3">a3</option>
  34. </select>
  35. <br>
  36. <br>
  37. <select id="poleB">
  38. <option value="b1">b1</option>
  39. <option value="b2">b2</option>
  40. <option value="b3">b3</option>
  41. </select>
  42.  
  43. </body>
  44. </html>
[HTML] pobierz, plaintext

może to ci w czymś pomoże



witam a w takim jak ogarnąc taki wariant że:

wybierając A mamy w drugiejliscie widoczne tylko A1,A2,A3

wybierając z 1 listy B
w drugiej mamy tylko do wybory
B1,B2,B3,

wybierajac z 1 listy C mamy w drugiej do wyboru tylko
C1,C2,C3

pozdrawiam i licze na pomoc
b4rt3kk
25.06.2013, 09:32:27
Masz:

http://www.appelsiini.net/projects/chained
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.