Javascript 如何创建<；选择>；在metronic中的可编辑数据表中？

我需要在可编辑数据表中使用

我在metronic主题中使用此可编辑：

JS文件中的以下代码：

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();
    }

函数编辑行（oTable，nRow）{
aData=oTable.fngedata（nRow）；
var jqTds=$（'>td'，nRow）；
jqTds[1]。innerHTML=''；
jqTds[2]。innerHTML=''；
jqTds[3].innerHTML=''；
jqTds[4].innerHTML=''；
jqTds[5].innerHTML=''；
jqTds[6]。innerHTML=''；
jqTds[7].innerHTML=''；
jqTds[11].innerHTML=''；
jqTds[12]。innerHTML=''；
}
函数存储行（oTable，nRow）{
var jqInputs=$（'input'，nRow）；
oTable.fnUpdate（jqInputs[0]。值，nRow，1，false）；
fnUpdate（jqInputs[1].value，nRow，2，false）；
fnUpdate（jqInputs[2].value，nRow，3，false）；
fnUpdate（jqInputs[3].value，nRow，4，false）；
fnUpdate（jqInputs[4].value，nRow，5，false）；
fnUpdate（jqInputs[5].value，nRow，6，false）；
fnUpdate（jqInputs[6].value，nRow，7，false）；
可旋转。fnUpdate（“”，nRow，11，false）；
可旋转。fnUpdate（“”，nRow，12，false）；
oTable.fnDraw（）；
}

如何在JS文件中使用

而不是

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

男人
女人

您可以使用

innerHTML

更改元素

function editRow(oTable, nRow) {  

      jqTds[1].innerHTML = ' <select id="ddltesttype"><option>Tox</option></select>';
      jqTds[2].innerHTML = '<input id="txtcomm" type="text" value="' + aData[4] + '">';
    }

---

你的答案当然值得一点解释。请参阅。这可能有助于回答您的问题：

 function saveRow(oTable, nRow) {
            debugger
            var jqInputs = $('input', nRow);
            var jqselect = $('select', nRow);
            console.log(jqselect)
            // oTable.fnUpdate(jqInputs[0].value, nRow, 0, false);
            var selecteditem = jqselect[1]["selectedOptions"][0]["childNodes"][0]["data"];
            oTable.fnUpdate(jqselect[0].value, nRow, 1, false);
            oTable.fnUpdate(selecteditem, nRow, 2, false);
            oTable.fnUpdate(jqselect[2].value, nRow, 3, false);
}