Как продолжать добавлять текстовые поля с помощью mvc5
Привет,
У меня есть представление создания. в этом представлении есть поля заголовка.
SLNO имя DOB отношения. и четыре текстовых поля для 4 заголовков, если я нажму на кнопку "Добавить", только 4 текстовых поля должны повториться. Так что для меня 4 текстовых поля с полями заголовка повторяются. Я хочу повторить только текстовые поля, если нажму на опцию Добавить. ниже приведен мой код.
Пожалуйста, помогите мне.
заранее спасибо
Что я уже пробовал:
| @HTML-код.DisplayNameFor(модель =&ГТ; модель.fSLNO) | @HTML-код.DisplayNameFor(модель =&ГТ; модель.имени) | @HTML-код.DisplayNameFor(модель =&ГТ; модель.familyDOB) | @HTML-код.DisplayNameFor(модель =&ГТ; модель.фрелатионство) | Добавь |
| @Html. EditorFor(model => model.fSLNO, new { htmlAttributes = new { @class = " form-control" } }) | @Html. EditorFor(model = & gt; model.fName, new { htmlAttributes = new { @class = " form-control" } }) | @HTML-код.В(модель =&ГТ; модель.familyDOB, новый { htmlAttributes = новый { @класс = "форма контроля" } }) | @Html. EditorFor(model = & gt; model.fRelationship, new { htmlAttributes = new { @class = " form-control" } }) |
< input type= "submit" id= "btnSubmit" />
<!--ниже скрипта-->
< script type= "text/javascript">
$(функция () {
$("#addRow"). click (function (e) {
e. preventDefault();
ВАР шаблон = $("#предметы").найти(".itemRow").первый();
ВАР невров = шаблон.клон();
newRow. find ("input. formfield"). val("");
$("#предметы").добавить(невров);
});
$("#btnSubmit"). click (функция (e) {
e. preventDefault();
var _this = $(это);
var url =_this. closest ("форма"). attr ("действие");
var rows = [];
var items = $(". itemRow");
$. each(items, function (i, item) {
ВАР fSLNO = $(элемент).находим("ввод[сльно имя='']").вал();
ВАР имени = $(элемент).найти("введите[имя='']").вал();
ВАР familyDOB = $(элемент).найти("введите[имя='дата рождения']").вал();
ВАР fRelationship = $(элемент).найти("введите[имя связи='']").вал();
ВАР подряд = { fSLNO: сльно, имени: Имя, familyDOB: дата рождения, fRelationship: отношения };
строк.толчок(строки);
});
//Давайте отправим сообщение на сервер
$.Аякс({
тип: "пост",
URL-адрес: URL-адрес,
сведения: в формате JSON.преобразовать в строки(строк),
contentType: "application/json"
})
.сделано(функция (результат) {
// сделайте что-нибудь с результатом
})
});
});
< / script>