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%)
-----


  1.  
  2.  
  3. <script type="text/javascript">
  4.  
  5. function changeSelect() {
  6.  
  7. var first = document.getElementById('poleA');
  8.  
  9. var second = document.getElementById('poleB')
  10.  
  11. if(first && second){
  12.  
  13. first.onchange = function(){
  14.  
  15. second.selectedIndex = first.selectedIndex;
  16.  
  17. }
  18. }
  19. }
  20. window.onload = function(){
  21. changeSelect();
  22. }
  23.  
  24. </head>
  25. <form action="#" method="POST">
  26. <select id="poleA" >
  27. <option value="a1">a1</option>
  28. <option value="a2">a2</option>
  29. <option value="a3">a3</option>
  30. <br>
  31. <br>
  32. <select id="poleB">
  33. <option value="b1">b1</option>
  34. <option value="b2">b2</option>
  35. <option value="b3">b3</option>
  36.  
  37. </body>
  38. </html>

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

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: 5.10.2025 - 13:44