Javascript Asp.net核心MVC通过JS动态添加选择列表

我试图提供一个视图，人们将能够创建一个类别和子类别的列表。因此，我需要允许用户动态添加行。 每一行都允许用户添加一个类别，然后如果他们希望添加一个子类别。对于第一行，我可以使用asp items属性绑定到我的ViewBag中的SelectList，但是当我通过JS添加新行时，我无法做到这一点，我尝试了两种JS方法（均显示在代码中）：

• 1-将SelectList存储在变量中并循环
• 2-将asp项目设置为SelectList

有人知道如何填充新添加的行吗？此外，我将如何将eNet-in数据绑定到我的模型；必须在控制器中完成吗？

代码如下：

$（文档）.ready（函数（）{
var categories=“@ViewBag.categories”；
变量catOptions=''；
对于（变量i=0；i

@model IEnumerable
@{
ViewData[“标题”]=“创建”；
}
创造
调查

类别
子类别
添加类别
添加子类别
返回列表

使用Ajax调用检索类别数据：

$（文档）.ready（函数（）{
$（文档）。在（“更改”上，“#选择类别”，函数（）{
var subCat=此；
$.ajax({
url:“ReturnJsonSubCategories/？categoryId=“+$（子类别）.val（）”，
键入：“获取”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：JSON，
成功：功能（结果）{
var类别=”；
$（结果）。每个（函数（）{
类别=类别+“”+此名称+“”
});
变量子类别=$（“#选择子类别”）；
subCateList.empty（）；
附加（类别）；
},
错误：函数（数据）{
返回“错误”；
}
});
});
});

这都是后端设置的功能，您如何构造数据库以处理cat/subcat？这是一个SQL Server后端，我使用上下文类连接了它。这两个类都非常小：categorid（categoriid，Name）、subcategorid（subcategoriid，categoriid，Name）您所指出的一些事情会让我相信您对mvc来说是比较新的。您指出的大部分内容都是客户端的，除了调用WebAPI将数据发布到。。老实说，这将是一种类似angular/VueJ的方法来处理接口的动态特性。使用axiom或ajax调用将数据推入数据库。我自己也不会用两张桌子来做这件事，节省了一点开销。在asp.net核心mvc中可以使用js框架作为接口。您将如何设置

ViewBag.Categories

？它是在控制器中创建的一个选择列表，用于从数据库检索类别。