Функция JavaScript для добавления строки в таблицу

Question

У меня есть эта функция для добавления строки в таблицу, и мне нужен раскрывающийся список в первой ячейке со значением, которое находится в базе данных.Я пытался с этим: td1.innerHTML = "@ Html.DropDownList (" SubTipologia ", lista)";Но не работает.Вы можете мне помочь?Ниже представлена ​​функция he:

function aggiungiRiga(my_table) {
    var tbody = document.getElementById(my_table).getElementsByTagName("tbody")[0];
    var colonne = document.getElementById(my_table).getElementsByTagName('th');
    var row = document.createElement('tr');
    var td1 = document.createElement("td");
    td1.innerHTML = "<div>@Html.DropDownList("SubTipologia", lista)</div>";
    var td2 = document.createElement("td");
    td2.contentEditable = true;
    td2.innerHTML = "<input type=text placeholder='Volume'>";
    var td3 = document.createElement("td");
    td3.contentEditable = true;
    td3.innerHTML = "<input type = text placeholder = 'Volume al m&sup3'>";
    var td4 = document.createElement("td");
    td4.contentEditable = true;
    td4.innerHTML = "<input type=text placeholder='Valore Totale'>";
    var td5 = document.createElement("td");
    td5.innerHTML = "<button type=button class='btn btn -default btn - sm'><span class='glyphicon glyphicon-trash'></span></button >";
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);
    row.appendChild(td5);
    tbody.appendChild(row);
}

Answer 1

Как я вижу, вы пытаетесь запустить серверный код на клиенте (браузере).

Браузер не знает о Razor или Html helper.Поэтому вам нужно использовать HTML вместо @Html.DropDownList("SubTipologia", lista) следующим образом:

td1.innerHTML = "<div><select id='SubTipologia'></select></div>";

И затем вы можете добавлять элементы к <select>, например, здесь .