Присвояване на стойност с JavaScript
Здравейте, колеги,
Някой от по-напредналите може ли да даде съвет има ли начин и как става да се присвоява стойност на модела във View-то, посредством Javascript? View model-a има пропърти, което е колекция. Например имам следния модел, с който работи view-то:
public class Model
{
public Guid Id {get; set}
public List<Item> Items {get; set;}
}
Във view-то имам следния бутон:и JavaScript:
<button id="btn" onclick="AddInputElement();">Add</button>
<div id="inputElementsParent">
<!-- insert input field here with JavaScript -->
</div>
<script>
function AddInputElement() {
const parentElement = document.getElementById('inputElementsParent');
const inputElement = document.createElement('input');
inputElement.setAttribute("type", "text");
inputElement.setAttribute("placeholder", "Item name");
parentElement.appendChild(inputElement);
}
</script>
Та въпроса е мога ли в <script> частта по някакъв начин да добавя в @Model.Items стойността от новосъздаденото поле и при sumbit да се запратят всичките стойности в колекцията на модела към контролера? Вероятно трябва да добавям уникално Id на тия input полета и да вземам стойността от тях с още DOM манипулация, но след това как да вкарам тази стойност в листа от items на view model-a?
Благодаря предварително на отзовалите се!