[ajax] zależne selecty z zawartością generowaną, dynamicznie :) Opcje

[kociou1]

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

Ten post edytował nospor 27.03.2006, 20:06:13

[TomASS]

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

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]

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]

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