Sætte selected i afhængige javascript-selects vha værdi fra mysql

Jeg har et javascript som fylder 2 form selects, og gør dem afhængige. Nu opstår problemet at jeg gerne vil vise formen, og sætte værdi fra mysql som den selected i select boksene, men hvordan gøres dette? Værdien fra mysql er self. lig en værdi i javascript array'ene.

Her er javascriptet:

var arr = [
    ["Blekinge",["Alla städer","Asarum","Backaryd","Bräkne-hoby","Drottningskär","Eringsboda","Fågelmara","Hallabro","Hasslö","Holmsjö","Jämjö","Jämshög","Johannishus","Kallinge","Karlsham","Karlskrona","Kyrkhult","Listerby","Lönsboda","Lyckeby","Mörrum","Nättraby","Olofström","Ramdala","Rödeby","Ronneby","Ryd","Sölvesborg","Sturkö","Svängsta","Tingsryd","Torhamn","Trensum","Tving","Vilshult"]],
    ["Dalarnas län",["Alla städer","Älvdalen","Äppelbo","Åshammar","Avesta","Björbo","Bjursås","Boda kyrkby","Borlänge","By kyrkby","Dala-floda","Dala-husby","Dala-järna","Djura","Edsbyn","Enviken","Falun","Färnäs","Fors","Fredriksberg","Furudal","Gagnef","Garpenberg","Garsås","Grangärde","Grängesberg","Grycksbo","Gustafs","Hedemora","Horndal","Idkerberget","Idre","Insjön","Krylbo","Långshyttan","Leksand","Lima","Linghed","Ludvika","Malung","Malungsfors","Mockfjärd","Mora","Nås","Nusnäs","Nyhammar","Öje","Orsa","Rättvik","Sågmyra","Sälen","Särna","Säter","Saxdalen","Siljansnäs","Smedjebacken","Söderbärke","Sollerön","Sörsjön","Stjärnsund","Stora skedvi","Sundborn","Sunnansjö","Svärdsjö","Tällberg","Transtrand","Våmhus","Vansbro","Venjan","Vikarbyn","Vikmanshyttan","Voxnabruk"]],
];

function initSels(){
    createOpts(document.getElementById('sel1'));
    createOpts(document.getElementById('sel3'));
}

function createOpts(sel){
    var s = new Array();
    var num = 0, txt = "arr";
    var ar = opt = null;
    var n = sel.selectedIndex;
    var args = createOpts.arguments.length;
    for(var i=1;args>i;i++){
        s[i-1] = document.getElementById(createOpts.arguments[i]);
        if(s[i-1]==sel)num=i;
    }
    if(args>1){
        if(s[num])sel = s[num];
        else return;
    }
    if(n==0&&args>1){
        for(i=num;args>i+1;i++){
            s[i].length = 0;
            opt = document.createElement('OPTION');
            s[i].appendChild(opt);
            opt.value = "";
            opt.text = "\74-- Vælg --";
        }
        return true
    };
    for(i=0;num>i;i++){
        txt+="["+(s[i].selectedIndex-1)+"][1]";
    }
    ar = eval(txt);
    sel.length = 0;
    opt = document.createElement('OPTION');
    sel.appendChild(opt);
  opt.value = "";
  opt.text = "-- Vælg --";
    for(i=0;ar.length>i;i++){
        opt = document.createElement('OPTION');
        sel.appendChild(opt);
        if(typeof ar[i] == 'object'){
          opt.value = ar[i][0];
          opt.text = ar[i][0];
        }else{
          opt.value = ar[i];
          opt.text = ar[i];
      }
    }
    if(args>num+2){
        for(i=num+1;args-1>i;i++){
            s[i].length = 0;
            opt = document.createElement('OPTION');
            s[i].appendChild(opt);
            opt.value = "";
            opt.text = "\74-- Vælg --";
        }
    }
}

Og her er formelementerne:

<li><select name="sel1" id="sel1" onchange="createOpts(this,'sel1','sel2');" style="width:130px;">
    <option value="" selected></option>
    </select>
</li>
<li><select name="sel2" id="sel2" style="width:130px;">
    <option value="" selected
    >-</option>
    </select>
</li>

Sig til hvis jeg kan afklare problemet yderligere.

Pft.