Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML]lista rozwijana select, jedna zależna od drugiej
skleps
post 12.04.2011, 12:11:21
Post #1





Grupa: Zarejestrowani
Postów: 142
Pomógł: 9
Dołączył: 3.03.2011

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

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ć?
Go to the top of the page
+Quote Post
lukaskolista
post 12.04.2011, 12:15:18
Post #2





Grupa: Zarejestrowani
Postów: 872
Pomógł: 94
Dołączył: 31.03.2010

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

instrukcja warunkowa w JS + innerHTML? W php nie ma co tego robic bo mija sie to z celem.
Go to the top of the page
+Quote Post
skleps
post 12.04.2011, 12:38:32
Post #3





Grupa: Zarejestrowani
Postów: 142
Pomógł: 9
Dołączył: 3.03.2011

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

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?
Go to the top of the page
+Quote Post
kadlub
post 12.04.2011, 12:43:30
Post #4





Grupa: Zarejestrowani
Postów: 548
Pomógł: 105
Dołączył: 4.06.2010

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

[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

Ten post edytował kadlub 12.04.2011, 12:44:26
Go to the top of the page
+Quote Post
thek
post 12.04.2011, 12:53:51
Post #5





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
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...


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
skleps
post 12.04.2011, 14:52:32
Post #6





Grupa: Zarejestrowani
Postów: 142
Pomógł: 9
Dołączył: 3.03.2011

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

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
Go to the top of the page
+Quote Post
shaolin33
post 25.06.2013, 09:28:57
Post #7





Grupa: Zarejestrowani
Postów: 136
Pomógł: 0
Dołączył: 5.10.2012

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
b4rt3kk
post 25.06.2013, 09:32:27
Post #8





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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

Masz:

http://www.appelsiini.net/projects/chained


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 13.06.2025 - 03:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn