根据上一个列表中选择的值填充下拉列表（asp.net mvc3）

Question

我正在尝试使用 MVC 3 和 razor 编写强类型的“创建”视图。我希望用户能够从下拉列表中选择客户（我使用控制器中的 ViewBag 从数据库中填充此列表）。当用户选择一个客户时，我想要一个单独的下拉列表来生成属于该客户的狗列表，这些狗与数据库中的 customerID 相关。然后，表单上的创建按钮将获取这两个值以及其他字段并将其保存到数据库中。

非常感谢任何帮助

Answer 1

我将参考Darin的回答并添加您在这里需要什么，只是因为您并不完全需要他提供的东西。然而，jQuery 设置正是您所寻找的。

添加包含客户属性和狗 ID 的视图模型。

public class CustomerDogCreateViewModel
{
    public string customerFirstName { get; set; }
    public string customerLastName { get; set; }
    // ... more properties from your ViewBag here
    public int dogID { get; set; }

    public CustomerDogCreateViewModel() { }
}

您只需要一个返回 JSON 的控制器操作即可进行部分回发并填充“Dogs”下拉列表。

public ActionResult Dogs(int customerID)
{
    // this is pseudo-LINQ, if you need help with your query,
    // we will need to know a little more about your data objects
    var dogs = // get dogs from your db
    select new
    {
        Id = dog.ID,
        Text = "Fido"
    };

    return Json(dogs, JsonRequestBehavior.AllowGet);
}

对于额外的客户数据，请将这些值添加为创建表单中的隐藏输入

<form action="/YourController/Create" method="POST" >
    <!-- select lists -->
    <input type="hidden" name="customerFirstName" value="@ViewBag.customerFirstName" />
    <input type="hidden" name="customerLastName" value="@ViewBag.customerLastName" />
    <input type="submit" value="Create" />
</form>

，并且您可以按照 Darin 的响应进行相同的连接。有一件事值得一提；在我的回答中，只有 Dog 的 ID 属性会发布，因此一旦请求发生在服务器端，您就需要检索该对象并持久保存到您的数据库中，但是您的业务逻辑是有意义的。

[HttpPost]
public ActionResult Create(CustomerDogCreateViewModel vm)
{
    var dog = YourDb.Dogs.Where(d => d.ID == vm.dogID).SingleOrDefault();
    // you didn't identify your data objects, so persist these to your db as usual.
    return View("CreateSuccess");
}