[js] lista zależna od selecta Opcje

[wicc]

Mam pole SELECT w którym są kategorie. Chcę zrobić tak, żeby po wybraniu którejś (bez klikania - onChange) w div'ie poniżej wyświetlała się lista produktów. Zrobiłem coś takiego (pracuję na SMARTY i korzystam z jQuery oraz script.aculo.us)

katalog.tpl

[HTML] pobierz, plaintext 
<select name="cat" onChange="show_products(this)">
   <option value="0">wybierz</option>
   {section name=i loop=$cats_list}
      <option value="{$cats_list[i].cat_id}">
      {$cats_list[i].cat_name}
      </option>
   {/section}
</select>
 
{section name=i loop=$products_list}
<div id="{$products_list[i].product_id}">{$products_list[i].product_name}</div>
{/section}
[HTML] pobierz, plaintext 

funkcja wysyłająca ID wybranej kategorii

[HTML] pobierz, plaintext 
function show_products(sel)
{
   var cat = sel.options[sel.selectedIndex].value;
 
   new Ajax.Request("action.php", { 
   method: "post", 
   parameters: { id : cat }
      });
}
[HTML] pobierz, plaintext 

action.php

[PHP] pobierz, plaintext 
<?php
if($_POST['id']!='')
	  {		 
	  $q = mysql_query("SELECT * FROM products WHERE product_cat = '$cat'");
	  $products_list = array();
	  while ($tab = mysql_fetch_assoc($q))
		 {
			  $products_list[] = $tab;
		 }
		 $smarty->assign('products_list', $products_list);
	  }
?>
[PHP] pobierz, plaintext 

nie wiem dlaczego tablica $products_list nie jest przekazywana do szablonu :/ funkcja na pewno wchodzi do pętli if($_POST['id']!='') w pliku action.php bo to sprawdzałem.

[Cezar708]

a nie wystarczyłoby po prostu dać
$smarty->display('katalog.tpl');

nie da rady, ponieważ w takim przypadku załaduję Ci całą stronę jeszcze raz do wskazanego miejsca. Czyli powstanie coś na wzór fraktala...

nie wierze zeby nie bylo latwiejszego sposobu.. AJAX'em na pewno sie to da jakos :/

.. no w moim przykładzie korzystam z ajaxa i w sumie uważam sposób za prosty

Pozdrawiam