Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Dwie zależne od siebie rozwijane listy
slawekxx
post
Post #1





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

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


Witam , właśnie napisałem prosty kod do rozwijanej list a teraz chcę aby po wybraniu ale nie klikająć na przycisk submit wybrać drugą rozwijaną listę zależną od pierwszej np.

Region ŚLĄSK - Katowice ,Bielsko-Biała itd.
MAŁOPOLSKA -Kraków itd.


  1. <form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
  2. <select name=region size="1">
  3. <?php
  4.  
  5. $zapytanie ="SELECT DISTINCT `region` FROM dane_koncowe ORDER BY region ASC";
  6. $wynik=mysql_query($zapytanie);
  7. while($rekord=mysql_fetch_assoc($wynik)){
  8. echo'<option value"'.$rekord['station_id'].'">'.$rekord['region']."</option>\n";
  9. }
  10. ?>
  11. </select>
  12.  
  13. <input type="submit" name="wyswietl" value="Wybierz" />
  14.  
  15. </form>
Go to the top of the page
+Quote Post
naitsabes
post
Post #2





Grupa: Zarejestrowani
Postów: 65
Pomógł: 5
Dołączył: 10.09.2010

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


wydaje mi sie ze technologia javascript powinna pomoc (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
slawekxx
post
Post #3





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

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


a możesz mi pomóc ?
Go to the top of the page
+Quote Post
naitsabes
post
Post #4





Grupa: Zarejestrowani
Postów: 65
Pomógł: 5
Dołączył: 10.09.2010

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


Niestety nie orientuje sie w tym jezyku, ale ktos na pewno napisze.

Pozdrawiam
Go to the top of the page
+Quote Post
lord2105
post
Post #5





Grupa: Zarejestrowani
Postów: 380
Pomógł: 59
Dołączył: 24.04.2010
Skąd: London

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


AJAX Select Option
Go to the top of the page
+Quote Post
CuteOne
post
Post #6





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


poczytaj o onChange

a tu skromny przykład: link
Go to the top of the page
+Quote Post
celbarowicz
post
Post #7





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

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


trzy zależne selekty z przeładowaniem. zobacz na poznam.yoyo.pl nie jest to majstersztyk ale jakoś działa, jak jesteś zainteresowany to zgłoś się w giełdzie ofert
to jest strona testowa.
Go to the top of the page
+Quote Post
slawekxx
post
Post #8





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

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


Fajny przykład , tylko czy on działa z bazą mysql bo się trochę męczę z tym
Go to the top of the page
+Quote Post
skowron-line
post
Post #9





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


Jeżeli interesuje Cie rozwiązanie w Mootoolsie to napisz do mnie na PW to Ci podeśle skrypt, który działa na 2 selekty.
Go to the top of the page
+Quote Post
PiterosWeb
post
Post #10





Grupa: Zarejestrowani
Postów: 48
Pomógł: 2
Dołączył: 2.10.2010
Skąd: Piotrków Trybunalski

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


Pokombinuj z tym Ajaxem (IMG:style_emoticons/default/biggrin.gif)

Ten ajax działa tak że przeładowuje w tle plik do którego ścieżka jest podana i umieszcza go w podanym przez nas np. div-ie.
Ja go zastosowałem tak że przeładowuje mi on zapytanie do bazy danych dzięki czemu ładuje mi nowe dane bez przeładowania stronki (IMG:style_emoticons/default/biggrin.gif)


Od razu mówię że skrypt nie jest mój znalazłem go kiedyś i stosuje do własnych potrzeb (IMG:style_emoticons/default/winksmiley.jpg)

Kod
if (window.XMLHttpRequest)
  {
   ObiektXMLHttp = new XMLHttpRequest(); }
   else if (window.ActiveXObject)
      {
       ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); }


function getData(zrodlo, cel) {
if(ObiektXMLHttp)
  {
   var cel = document.getElementById(cel);
   ObiektXMLHttp.open("GET", zrodlo);

ObiektXMLHttp.onreadystatechange = function()
{
if (ObiektXMLHttp.readyState == 4)
   {
    cel.innerHTML = ObiektXMLHttp.responseText;
   }
}

ObiektXMLHttp.send(null); } }


i jeszcze to będzie potrzebne

Kod
<TD onclick = "getData('LINK_DO_PLIKU_KTÓRY_MA_ZOSTAĆ_ZAŁADOWANY', 'div')">


Ten kawałek kodu możesz zmienić pod link lub jakiś obrazek co chcesz.
a "div" zmień sobie na id danego np. div-a czy komórki w tabeli bo do tego miejsca on przeładuje ten plik którego ścieżke podasz.
a w <HEAD> daj to:

  1. <script type="text/javascript" src="ŚCIEŻKA_DO_PLIKU_Z_AJAXEM"></script>
Go to the top of the page
+Quote Post

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: 15.09.2025 - 01:43