Dynamiczne 2 selecty Opcje

[rachwal]

witam,
mam problem, mianowicie:

na stronie mamy dwa pola Select,
w zaleznosci od wyboru pierwszego selecta,
w drugim wyswietlaja sie odpowiednie opcje,

wyobrazic mozna to sobie na podstawie modeli samochodow
i ich typow, po wybraniu konkretnego modelu w drugim polu
wyswietlaja mi sie tylko typy danego modelu.

chcialbym to zrobic bez przeladowywania strony (czyli pewnie JS),
a typy i modele, czyli dane do obu selectow pobierac z bazy :/

za wszelka pomoc i sugestie dziekuje,

[revyag]

Zwykły javascript.

Kod

<script type="text/javascript">
function ins() {
    var models = document.getElementById("model");
    var opttypes = document.getElementById("types");
    var types =
        new Array(
            new Array("typ1m1","typ2m1","typ3m1"),
            new Array("typ1m2","typ2m2","typ3m2"),
            new Array("typ1m3","typ2m3","typ3m3"),
            new Array("typ1m4","typ2m4","typ3m4")
        );
    for(var i = 0; i < types[models.selectedIndex].length; i++) {
        opttypes.options[i] = new Option(types[models.selectedIndex][i],types[models.selectedIndex][i]);
    }
}
</script>

[HTML] pobierz, plaintext 
<select name="model" id="model" onchange="ins()">
        <option value="model1">model1</option>
        <option value="model2">model2</option>
        <option value="model3">model3</option>
        <option value="model4">model4</option>
    </select><br /><br />
 
    <select name="types" id="types">
    </select>
[HTML] pobierz, plaintext 

Tworzone opcje selecta mają takie samo value i text który jest widoczny jako opcja.