Forum PHP.pl > Dwie zależne od siebie rozwijane listy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Dwie zależne od siebie rozwijane listy

slawekxx

1.10.2010, 19:09:32

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.

[PHP] pobierz, plaintext 
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
<select name=region size="1">
<?php
 
$zapytanie ="SELECT DISTINCT `region`  FROM dane_koncowe ORDER BY region ASC";
$wynik=mysql_query($zapytanie);
while($rekord=mysql_fetch_assoc($wynik)){
echo'<option value"'.$rekord['station_id'].'">'.$rekord['region']."</option>\n";
}
?>
</select>
 
<input type="submit" name="wyswietl" value="Wybierz" />
 
</form>
[PHP] pobierz, plaintext

naitsabes

1.10.2010, 19:24:46

wydaje mi sie ze technologia javascript powinna pomoc

slawekxx

1.10.2010, 19:26:55

a możesz mi pomóc ?

naitsabes

1.10.2010, 19:27:34

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

Pozdrawiam

lord2105

1.10.2010, 19:30:46

AJAX Select Option

CuteOne

1.10.2010, 19:33:29

poczytaj o onChange

a tu skromny przykład: link

celbarowicz

1.10.2010, 22:00:11

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.

slawekxx

2.10.2010, 09:19:38

Fajny przykład , tylko czy on działa z bazą mysql bo się trochę męczę z tym

skowron-line

2.10.2010, 09:29:37

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.

PiterosWeb

2.10.2010, 17:48:38

Pokombinuj z tym Ajaxem

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

Od razu mówię że skrypt nie jest mój znalazłem go kiedyś i stosuje do własnych potrzeb

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

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:

[HTML] pobierz, plaintext 
    <script type="text/javascript" src="ŚCIEŻKA_DO_PLIKU_Z_AJAXEM"></script>
[HTML] pobierz, plaintext

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.