Function JavaScript to add row in a table

Question

I have this function to add a row in a table and I need a drop-down list in the first cell with value that are on database. I tried with this: td1.innerHTML = "@Html.DropDownList("SubTipologia", lista)"; But does not work. Can you help me? Below there is the he function:

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

You are using MVC right?

Ivan-San
– Ivan-San

2018-09-24 06:09:16 +00:00
Commented Sep 24, 2018 at 6:09 — Ivan-San
– Ivan-San, Commented Sep 24, 2018 at 6:09

UspenskiyAN · Accepted Answer · 2018-09-24 08:21:56Z

0

As I can see, you try to run server-side code on client (browser).

Browser doesn't khow about Razor or Html helper. So you need to use HTML instead of @Html.DropDownList("SubTipologia", lista) like this:

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

And then you can add items to <select> e.g. like here.

answered Sep 24, 2018 at 8:21

UspenskiyAN

265 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Function JavaScript to add row in a table

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related