JS处理下拉框

Question

i have this script which allows the users to select from Dropdown 1, and it will fill Dropdown 2 with values. THOUGH the problem here is that once it fills, the original "item" called "-- Välj län först --" disappears, which i do not want it to do. I just want the new values to fill up under it. Could someone take a look at the code i supply below and see if there is an easy fix for this?

Thanks in advance.

http://pastebin.com/aqvX222V

Answer 1

See this : Sample

function showSubKommun(subCat,selectObj){
   selectObj.length=kommun[subCat].length+1;
   for(var n=1;n<=kommun[subCat].length;n++){
     selectObj[n].text=kommun[subCat][n-1];
     selectObj[n].value=kommun[subCat][n-1];
   }
}

Answer 2

Try this

function showSubKommun(subCat,selectObj){
    selectObj.length=kommun[subCat].length+1;
    selectObj[0].text=kommun[0][0];
    selectObj[0].value=kommun[0][0];
    for(var n=0;n<kommun[subCat].length;n++){
        selectObj[n+1].text=kommun[subCat][n];
        selectObj[n+1].value=kommun[subCat][n];
    }
}