Как исправить объявление или заявление ожидаемой ошибки

Question

Я хочу добавить строку таблицы с динамическим выпадающим списком, но получить объявление об ошибке или синтаксическую ошибку в коде jquery.как это исправить?

$(".addtable").click(function () {
    debugger;
     $("#fields tbody").append("<tr><td>@Html.DropDownListFor(m => m.MedID, ViewBag.MedicineList as List<SelectListItem>, new { @class = "form-control", placeholder = "Category", id = "manfac", required = "required" })</td><td><input type="number" class="form-control" name=" Quantity" required></td><td><button type="button" class="btn btn-primary addtable">Add More</button><a href="javascript:void(0);" class="btn btn-primary remCF">Remove</a></td></tr>");

});

Answer 1

После тестирования этого подхода в фиктивном проекте я обнаружил две проблемы:

1. Вам необходимо заключить в строку одинарные кавычки вместо двойных, т. Е. Изменить .append ("...") на .append ('...').
2. Html.DropDownListFor () создает строку с символом новой строки, что вызывает разрыв строки в строке javascript, который вызывает синтаксическую ошибку. Так что вам нужно сделать что-то вроде: .append('@(Html.Raw(Html.DropDownListFor(...).ToString().Replace(System.Environment.NewLine, "")))'), что выглядит ужасно, но работает в моем фиктивном проекте.

Так что попробуйте:

$(".addtable").click(function () {
debugger;
 $("#fields tbody").append('<tr><td>@(Html.Raw(Html.DropDownListFor(m => m.MedID, ViewBag.MedicineList as List<SelectListItem>, new { @class = "form-control", placeholder = "Category", id = "manfac", required = "required" }).ToString().Replace(System.Environment.NewLine, "")))</td><td><input type="number" class="form-control" name=" Quantity" required></td><td><button type="button" class="btn btn-primary addtable">Add More</button><a href="javascript:void(0);" class="btn btn-primary remCF">Remove</a></td></tr>');
});