Javascript 基于ASP.NET页面上的其他字段填充字段

我知道这个问题可能已经出现在这个网站上了，但我的方法有些不同，因为我使用@Html.EditFor和@Html.DropDownList。 所以我有一个下拉列表，当我在那里选择ID时，我想从DB中检索一些信息，然后在当前表单中填充一些字段。我知道我应该使用JS，但我不知道如何使用

视图：

---

您可以使用ajax从后端获取数据，并将结果数据放到您想要的地方。下面是一个简单的演示，用于从后端获取selectListItem并将其放入div。如果您想做更复杂的事情，需要共享InsertDto的结构，并清楚地解释您将从数据库中获得什么样的数据，以及在当前表单中填充某些字段意味着什么？ 视图：

js:

型号：

public class InsertDto
    {
        public string Category { get; set; }
        public List<SelectListItem> ListOfCategory { get; set; }
    }

控制器：

public IActionResult Index(string id)
        {
            InsertDto i = new InsertDto { ListOfCategory = new List<SelectListItem> { new SelectListItem { Text = "t1" }, new SelectListItem { Text = "t2" }, new SelectListItem { Text = "t3" } } };
            return View(i);
        }
        public SelectListItem GetData(string Category) 
        {
            return new SelectListItem { Text = Category, Value = Category + "value" };
        }

结果:

<script>
        function getData() {
           $.ajax({
                type: "POST",
               data: { Category: $("#Category").val() },
                url: '/B/GetData',
            }).done(function (result) {
                $("#dbdata").html("the selected value is " + result.text);
            });
        }
    </script>

public class InsertDto
    {
        public string Category { get; set; }
        public List<SelectListItem> ListOfCategory { get; set; }
    }

public IActionResult Index(string id)
        {
            InsertDto i = new InsertDto { ListOfCategory = new List<SelectListItem> { new SelectListItem { Text = "t1" }, new SelectListItem { Text = "t2" }, new SelectListItem { Text = "t3" } } };
            return View(i);
        }
        public SelectListItem GetData(string Category) 
        {
            return new SelectListItem { Text = Category, Value = Category + "value" };
        }