Member 13702041 Ответов: 0

Добавление выпадающего списка динамически при нажатии кнопки Добавить в MVC

I currently have following code in cshtml file

<div class="row" id="addtesting">
<div class="col-md-4">
<div class="form-group">
@Html.Label("Testing", htmlAttributes: new { @class = "control-label" })
@Html.DropDownListFor(x => x.TestingType, (List<SelectListItem>)ViewBag.TestingTypes, "", new { @class = "form-control", @id = "chooseTestingType" })
</div>
</div>
<div class="col-md-2">
<div class="form-group">
@Html.Label("Frequency", htmlAttributes: new { @class = "control-label" })
@Html.DropDownListFor(x => x.Frequency, (List<SelectListItem>)ViewBag.Frequency, "", new { @class = "form-control", @id = "chooseFrequency" })
</div>
</div>
<div class="col-md-2">
<div class="form-group" style="padding-top:20px;">
<span style="font-size:24px;" id="plusicon">+</span>
</div>
</div>
</div>

And i need a add a new row of 2 drop downs of Testing type and frequency and having there id's incremented  on clicking the "+" icon in JavaScript/jquery and then saving the data in database.

Is there any tutorial or code that could help me out.


Что я уже пробовал:

Я попытался добавить новые элементы управления с помощью jquery, но безуспешно, вместо этого добавляется код.
И у меня возникли трудности с получением значений, так как он генерирует одинаковые значения идентификаторов для дочерних текстовых полей.

0 Ответов