[Prototype]Combobox i zmienna w php Opcje

[NeRoK]

Witam,

Z prototype i ajaxem mam styczność dopiero drugi raz.. Chciałbym napisać mały skrypt, który po wyborze danej opcji z listy rozwijanej przekaże wartość value tego elementu to zmiennej cat w php..
Czyli: użytkownik wybiera z listy opcję "Test 2" a ta opcja ma value=t2 i chcialbym aby strona odswiezyla "dynamicznie" w celu zaladowania index.php?cat=t2... Jednak nie wiem jak to sie zabrac, moje rozwiazanie ktore zrobilem nie dziala:

[HTML] pobierz, plaintext 
<script src="lib/prototype.js" language="JavaScript" type="text/javascript"></script>
<script type="text/javascript">
function getCat()
//<![CDATA[
	{
		var url = 'index.php';
		var myAjax = new Ajax.Updater(
			'cat', 
			url, 
			{
				parameters:Form.serialize(this.form), 
				method: 'get', 
				asynchronous: true
			});
 
	}
//]]>
</script>
[HTML] pobierz, plaintext 

Combobox:

[HTML] pobierz, plaintext 
<FORM action="index.php" method="get">
	<select name="catMenu">
	<option value="" selected onclick="getCat()">Zaden</option>
	<option value="t1" onclick="getCat()">Test1</option>
</select>
</form>
[HTML] pobierz, plaintext 

Jakie poprawki muszę wprowadzić, żeby mój "wynalazek" zadzialał?

[erix]

Przypisuj zdarzenia dla select i onchange, a nie dla option.

[NeRoK]

Witam,

Zmieniłem na:

[HTML] pobierz, plaintext 
<select name="categoryMenu" onchange="getCat()">
[HTML] pobierz, plaintext 

Ale niestety nie działa nadal. Na stronie mam dwa formularze, czy może mieć to związek z tym, że:

[HTML] pobierz, plaintext 
parameters:Form.serialize(this.form)
[HTML] pobierz, plaintext 

nie działa?

[erix]

A sobie zobacz w firebugu, co jest kontekstem (this), to się przekonasz.

[NeRoK]

Witam ponownie,

Świetne narzędzie ten Firebug Przyda mi się do dalszej pracy. Z moich "badań" ;-) wynika, że ajax pobiera złą formę? Więc jak mam mu przekazać tą formę właściwą?

[erix]

Najlepiej pobierz uchwyt przez DOM (np. document.getElementById) i go podstaw.

[NeRoK]

ech, strasznie zielony w tym jestem
Zmieniłem:

[HTML] pobierz, plaintext 
var formparm = document.getElementById('selectMenu');
<!-- ... -->
parameters: formparm, 
[HTML] pobierz, plaintext 

oraz select:

[HTML] pobierz, plaintext 
<select name="categoryMenu" onchange="getCat()" id="selectMenu">
[HTML] pobierz, plaintext 

I nie rusza dalej nic..

PS: Zauwazylem, że nadal bierze zlą formę tj. (pobierz2.php) zamiast test.php, jak mogę to zmienić? Wartość cat, jest już pobierana poprawnie
PS2: Uporałem się i z tym problem, wszystk przekazuje poprawie.. ale według mojego zalozenia strona powinna się przeładować (skrypt w php otrzymuje inną zmienną cat, ładuje inny plik), ale tak niestety się nie dzieje... Co zrobiłem źle?

Ten post edytował NeRoK 21.11.2009, 19:03:14