Lista rozwijalna z odsyłaczami

Witam!

Robię sobie pseudo projekt sklepu internetowego.

Zrobiłem listę rozwijalną w formularzu z kategoriami produktów tak jak w przykładzie:

 
<div id="produkty_lista">

	<select name="produkty">
	<option><a href="gruparowery.html">Rowery</a></option>
	<option>Namioty</option>
	<option>Kalimaty</option>
	<option>Plecaki</option>
	<option>Suplementy diety</option>
	<option>Pozostale</option>
	
	</select>
</div>

I chcę ,żeby po wybraniu kategorii np, rowery przechodzilo mi do podstrony produktrowery.html, lub jeśli da się to zrobić w miare prosty sposób to ,żeby mi się to odświeżało w danej podstrone bez potrzeby przechodzenia do innej.

Tutaj załączam mniej więcej jak to wygląda:

http://img443.imageshack.us/i/stronae.png/

Tam w tym prostokącie na dole chce ustawić produkty wraz z opisem i chce po prostu po zmianie kategorii ,żeby mi się tam zmieniały.

Potrzebuje jakiegoś praktycznego rozwiązania.

Z góry dziękuję za pomoc!

Walnij zdarzenie onchange na tego selecta. Taki najprostszy przykład:

<select name="produkty" onchange="location = this.options[this.selectedIndex].value + '.html';">
<option value="gruparowery">Rowery</option>
<option value="grupanamioty">Namioty</option>
</select>

JavaScript. Ja np. korzystam z biblioteki jQuery. To by wygladalo mniej wiecej tak:

$(document).ready(function()
{
	$('select[name=foo]').change(function()
	{
		window.location.href = $(this).val() + '.html';
	}
}

Kod HTML:

<select name="foo">
	<option value="bizuteria">Bizuteria</option>
	<option value="samochody">Samochody</option>
</select>

(kod pisany z palca)

Jezeli chcesz, aby strona byla dynamiczna, i lista produktow z kategorii byla ladowana dynamicznie, zainteresuj sie funkcja load():

$('#div').load('http://localhost/samochody.html');

Oki :)
dzięki za podpowiedź ;]
Za chwilke to posprawdzam

Dobra chłopaki mam to :)

Ale zrobiłem to tak ;] :

 
<div id="produkty_lista">
	
<FORM>
<SELECT NAME="list">
<OPTION VALUE="gruparowery.html">Rowery
<OPTION VALUE="grupanamioty.html">Namioty
<OPTION VALUE="grupakalimaty.html">Kalimaty
<OPTION VALUE="grupasuplementy.html">Suplementy
<OPTION VALUE="grupaplecaki.html">Plecaki
<OPTION VALUE="grupapozostale.html">Pozostale

</SELECT>

<INPUT TYPE=BUTTON VALUE="Hop !" 
onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value">
</FORM>
</div>