с js вообще не работал.не приходилось.
Тут встал вопрос о динамическом списке и не могу понять как сделать.
щас пока тестовый скрипт примерно такого содержания

<select onchange="loadSubdata(this)">
    <option>-- Select category --</option>
    <option value="1">Category one</option>
    <option value="2">Category two</option>
</select>

<select id="test">
    <option>-- Subcategory --</option>
</select>

<script>
function getDataAbstaraction(val, callback) {
    var data = {
        1: {<?php for($i=1;$i<=20;$i++){echo $i.': \''.$i.'\', '; } ?>}
        2: {<?php for($i=20;$i<=40;$i++){echo $i.': \''.$i.'\', '; } ?>}
    };
    callback(data[val]);
}

function loadSubdata(obj) {
    var val = obj.options[obj.selectedIndex].value;
    if (!val) {
        return;
    }

    getDataAbstaraction(val, function(data) {
         var opts = '<option>-- Subcategory --</option>';
         for (var i in data) {
             opts += '<option value="' + i + '">' + data[i] + '</option>';
         }
         document.getElementById('test').innerHTML = opts;
    });
}
</script>

не выводит мне ничего из содержимого.