Forum PHP.pl > [ajax] zależne selecty z zawartością generowaną

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [ajax] zależne selecty z zawartością generowaną

kociou1

1.03.2006, 00:23:25

Witam.

Uzywam klasy adwajax i staram sie przy jej pomocy stworzyć trzy zależna od siebie pola select z nazwami województw/powiatów/gmin, kod poniżej:

[HTML] pobierz, plaintext 
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Województwo:&nbsp;</td>
    <td>
	<select name="wojewodztwo" onchange="pobierzPowiaty()">
	  	<option selected="selected">------------</option>
		{foreach from=$wojewodztwa key=klucz item=woj}
	  		<option value="{$key}">{$woj}</option>
		{/foreach}
	</select>
	</td>
  </tr>
  <tr>
    <td>Powiat:&nbsp;</td>
    <td>
	<select name="powiat" onchange="pobierzGminy()">
			<option selected="selected">------------</option>
				<option value="{$key}">{$pow}</option>
	</select>
	</td>
  </tr>
  <tr>
    <td>Gmina:&nbsp;</td>
    <td>
	<select name="gmina">
			<option selected="selected">------------</option>
				<option value="{$key}">{$gm}</option>
	</select>
	</td>
</tr></table>
[HTML] pobierz, plaintext

Jak to ma działać? Otóz po wybraniu województwa wysyłane miałoby być zapytanie do pliku na serwerze który w odpowiedzi generowałby listę powiatów w tym województwie w formacie xml (przykładoa lista poniżej)

[XML] pobierz, plaintext 
?xml version="1.0" encoding="iso-8859-2"?>
<powiaty>
<powiat>
<id>1</id>
<woj>2</woj>
<nazwa>bolesławiecki</nazwa>
</powiat>
<powiat>
<id>2</id>
<woj>2</woj>
<nazwa>dzierżoniowski</nazwa>
</powiat>
<powiat>
<id>3</id>
<woj>2</woj>
<nazwa>głogowski</nazwa>
</powiat>
<powiat>
<id>4</id>
<woj>2</woj>
<nazwa>górowski</nazwa>
</powiat>
 
(...)
 
<id>64</id>
<woj>2</woj>
<nazwa>m. Wrocław</nazwa>
</powiat>
</powiaty>
[XML] pobierz, plaintext

i tu sie zaczynają schody bo nie wiem jak napisać funkcję w javascript żeby z tych danych stworzyła mi listę opcji w select "powiaty" (nawet nazwałem ja juz "pobierzPowiaty()"

póki co na więcej mnie nie stać - za cienki jestem w js :/

liczę na wskazówki i sugestie lub linki do jakichś tutków

propozycją rozwiązania też nie pogardzę

PS.: Do zarządu php.pl - a może by tak założyć w dziale "po stronie przeglądarki" nowe podforum traktujące o ajaxie??

TomASS

1.03.2006, 08:23:46

Przykład jak wyciągnąć dane z XML i umieścić je odpowiednio na stronie jest opisane w tym samym miejscu, w którym znalazłeś advAJAX - jest tam przykład który bardzo rozjaśni Ci sprawę.

Cytat

PS.: Do zarządu php.pl - a może by tak założyć w dziale "po stronie przeglądarki" nowe podforum traktujące o ajaxie??

Mogę się podpiąć pod tą petycją

kociou1

1.03.2006, 13:35:22

Jak sciagnac dane z xml to zrozumiałem, jednak nie wiem co z nimi dalej robic, jak spowodowac zeby zostaly umieszczone jako opcje wskazanego selecta :/
Jak mowilem js prawie wogole nie znam (aczkolwiek czytam, czytam i jeszczeraz czytam...)

przczp

17.09.2007, 16:38:34

moze to ci pomoze, fragment mojego kodu:

CODE

var znacznikSelectTitle = document.createElement("select");

 znacznikSelectTitle.setAttribute("name","tutorTitle"+id);

 znacznikSelectTitle.setAttribute("id","tutorTitle"+id);

 znacznikSelectTitle.className = "titleSelectBox";

 var labelZnacznikSelectTitle = document.createElement("label");

 labelZnacznikSelectTitle.setAttribute("for","tutorTitle"+id);

 labelZnacznikSelectTitle.innerHTML = "Title: ";

 var znacznikSelectTitleOption = new Array();

 znacznikSelectTitleOption[0] = "mgr";

 znacznikSelectTitleOption[1] = "mgr inż.";

 znacznikSelectTitleOption[2] = "dr";

 znacznikSelectTitleOption[3] = "dr hab.";

 znacznikSelectTitleOption[4] = "prof.";

 for (i=0;i<5;i++){

 var newOption = document.createElement("option");

 newOption.innerHTML = znacznikSelectTitleOption[i];

 znacznikSelectTitle.appendChild(newOption);

 }

 titleDiv.appendChild(labelZnacznikSelectTitle);

 titleDiv.appendChild(znacznikSelectTitle);

pozdrawiam

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.