Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> 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.


[PHP] pobierz, plaintext 
  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>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
PiterosWeb
post
Post #2





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: 

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

Posty w temacie
- slawekxx   Dwie zależne od siebie rozwijane listy   1.10.2010, 19:09:32
- - naitsabes   wydaje mi sie ze technologia javascript powinna po...   1.10.2010, 19:24:46
- - slawekxx   a możesz mi pomóc ?   1.10.2010, 19:26:55
- - naitsabes   Niestety nie orientuje sie w tym jezyku, ale ktos ...   1.10.2010, 19:27:34
- - lord2105   AJAX Select Option   1.10.2010, 19:30:46
- - CuteOne   poczytaj o onChange a tu skromny przykład: link   1.10.2010, 19:33:29
- - celbarowicz   trzy zależne selekty z przeładowaniem. zobacz na p...   1.10.2010, 22:00:11
- - slawekxx   Fajny przykład , tylko czy on działa z bazą mysql ...   2.10.2010, 09:19:38
- - skowron-line   Jeżeli interesuje Cie rozwiązanie w Mootoolsie to ...   2.10.2010, 09:29:37
- - PiterosWeb   Pokombinuj z tym Ajaxem Ten ajax działa tak że p...   2.10.2010, 17:48:38

« Następny starszy · PHP · 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: 10.10.2025 - 02:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn