Dynamische Auswahlbox in Tabelle reinbauen

[hmm]

Sobald die HTML Seite geladen wurde, wird ein array mit daten befüllt:

array = [paar daten]

im anschluss kann der benutzer der html seite per knopfdurck tabellen zeilen erzeugen. bei jedem knopfdurck wird folgende funktion ausgefuehrt:

function addTableRow() {
    var tempTr = $('<tr><td><input type="number" id="mid_' + i + '" class="form-control" disabled/></td><td><input type="text" id="name_' + i + '" class="form-control"/></td><td><input type="text" id="skill_' + i + '" class="form-control" /><td><input type="text" id="subskill_' + i + '" class="form-control" /></td><td><input type="number" id="nivau_' + i + '" min="0" max="5" class="form-control" /></td><td><span class="glyphicon glyphicon-minus addBtnRemove" id="addBtnRemove"></span></td></tr>');
    $("#tableAddRow").append(tempTr);
    $('.addBtnRemove').click(function () {
        removeIndex[removeIndex.length] = i;
        $(this).closest('tr').remove();  
    });
    i++;
}

ich hätte gerne, das jedes <input id="skill_"...> feld eine auswahlbox bekommt deren inhalt genau der inhalt des arrays ist.

wie bau ich das am besten ein? muss ich das input feld gegen ein select-feld tauschen oder geht das besser?