I need to use <select> in editable datatable.

I use this editable in metronic theme: link

This code in JS file:

function editRow(oTable, nRow) {
        aData = oTable.fnGetData(nRow);
        var jqTds = $('>td', nRow);

        jqTds[1].innerHTML = '<input type="text" class="form-control input-small" value="' + aData[1] + '">';
        jqTds[2].innerHTML = '<input type="text" class="form-control input-small" value="' + aData[2] + '">';
        jqTds[3].innerHTML = '<input type="text" class="form-control input-small" value="' + aData[3] + '">';
        jqTds[4].innerHTML = '<input type="text" class="form-control input-small" value="' + aData[4] + '">';
        jqTds[5].innerHTML = '<input type="text" class="form-control input-small" value="' + aData[5] + '">';
        jqTds[6].innerHTML = '<input type="text" class="form-control input-small" value="' + aData[6] + '">';
        jqTds[7].innerHTML = '<input type="text" class="form-control input-small" value="' + aData[7] + '">';
        jqTds[11].innerHTML = '<a class="edit" href="">Save</a>';
        jqTds[12].innerHTML = '<a class="cancel" href="">Cancel</a>';
    }

function saveRow(oTable, nRow) {
        var jqInputs = $('input', nRow);
        oTable.fnUpdate(jqInputs[0].value, nRow, 1, false);
        oTable.fnUpdate(jqInputs[1].value, nRow, 2, false);
        oTable.fnUpdate(jqInputs[2].value, nRow, 3, false);
        oTable.fnUpdate(jqInputs[3].value, nRow, 4, false);
        oTable.fnUpdate(jqInputs[4].value, nRow, 5, false);
        oTable.fnUpdate(jqInputs[5].value, nRow, 6, false);
        oTable.fnUpdate(jqInputs[6].value, nRow, 7, false);
        oTable.fnUpdate('<a class="edit" href="">Edit</a>', nRow, 11, false);
        oTable.fnUpdate('<a class="delete" href=""></a>', nRow, 12, false);
        oTable.fnDraw();
    }

How to use <select> Instead <input> in JS file?

<select>
   <option value="1">Men</option>
   <option value="2">Women</option>
</select>