Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]lista rozwijana select, jedna zależna od drugiej
skleps
post
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
 
 Start new topic
Odpowiedzi
kadlub
post
Post #2





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
shaolin33
post
Post #3





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

Posty w temacie
- skleps   [HTML]lista rozwijana select, jedna zależna od drugiej   12.04.2011, 12:11:21
- - lukaskolista   instrukcja warunkowa w JS + innerHTML? W php nie m...   12.04.2011, 12:15:18
|- - skleps   Cytat(lukaskolista @ 12.04.2011, 13:15...   12.04.2011, 12:38:32
- - kadlub   [HTML] pobierz, plaintext <html><head...   12.04.2011, 12:43:30
|- - skleps   Cytat(kadlub @ 12.04.2011, 13:43:30 )...   12.04.2011, 14:52:32
|- - shaolin33   Cytat(kadlub @ 12.04.2011, 13:43:30 )...   25.06.2013, 09:28:57
- - thek   A google ukradli czy stało się płatne? Tak trudno...   12.04.2011, 12:53:51
- - b4rt3kk   Masz: http://www.appelsiini.net/projects/chained   25.06.2013, 09:32:27

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 6.10.2025 - 18:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn