在ASP.NETMVC3中使用jQuery动态填充下拉列表

我有两种型号：

public class ProfessorModels
{
    public string FullName { get; set; }
    public int ID { get; set; }
}

及

在我看来，有一个表单可以添加该类：

@model MvcApp.Models.ClassModels

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>ClassModels</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@model MvcApp.Models.ClassModels
@{
ViewBag.Title=“创建”；
}
创造
@使用（Html.BeginForm（））{
@Html.ValidationSummary（true）
类模型
@LabelFor（model=>model.Name）
@EditorFor（model=>model.Name）
@Html.ValidationMessageFor（model=>model.Name）


}
@ActionLink（“返回列表”、“索引”）

我想在课堂视图中添加一个下拉菜单，其中列出了所有可用的教授。教授在db中，我可以很容易地从controller调用db，并将所有教授加载到某个列表/数组中。

---

我需要关于如何使用jQuery

填充教授下拉列表的帮助。我有一个

操作

方法，返回教授列表

public ActionResult GetProfessors()
{
  var professorList=repo.GetProfessors(); //get list of professor object
  return Json(professorList,JsonRequestBehavior.AllowGet);
}

现在在你看来，有一个下拉列表

<select id="listProfessors"></select>

---

假设您的控制器名为

YourController

，并且jQuery已正确加载到此页面。

有一个

操作

方法，该方法返回一个教授列表

public ActionResult GetProfessors()
{
  var professorList=repo.GetProfessors(); //get list of professor object
  return Json(professorList,JsonRequestBehavior.AllowGet);
}

现在在你看来，有一个下拉列表

<select id="listProfessors"></select>

假设您的控制器名为

YourController

，并且jQuery已正确加载到此页面。

在控制器中：

    [HttpGet]
    public virtual JsonResult LoadInfo()
    {
        var query = _repository.GetInformation(); //Here you return the data. 
        return Json(query, JsonRequestBehavior.AllowGet);
    }

那么在你看来,

<select id="info"></select>

然后使用jQuery加载下拉列表

function LoadInfo() {

    $.getJSON("@Url.Action(MVC.ControllerName.MethodName())", null,
        function (data) {

            $("#info").empty();

            $.each(data, function () {
                $("#info").append($("<option />").val(this.Id).text(this.Name));
            });

        });
}

函数LoadInfo（）{
$.getJSON（@Url.Action（MVC.ControllerName.MethodName（））”，null，
功能（数据）{
$（“#info”）.empty（）；
$。每个（数据、函数（）{
$（“#info”）.append（$（“”）.val（this.Id）.text（this.Name））；
});
});
}

这假定Id和Name是对象的属性。根据正在加载的下拉列表，可以使用ID和全名。我还使用T4MVC获得不同的方法名

希望这对您的控制器有所帮助，

：

    [HttpGet]
    public virtual JsonResult LoadInfo()
    {
        var query = _repository.GetInformation(); //Here you return the data. 
        return Json(query, JsonRequestBehavior.AllowGet);
    }

那么在你看来,

<select id="info"></select>

然后使用jQuery加载下拉列表

function LoadInfo() {

    $.getJSON("@Url.Action(MVC.ControllerName.MethodName())", null,
        function (data) {

            $("#info").empty();

            $.each(data, function () {
                $("#info").append($("<option />").val(this.Id).text(this.Name));
            });

        });
}

函数LoadInfo（）{
$.getJSON（@Url.Action（MVC.ControllerName.MethodName（））”，null，
功能（数据）{
$（“#info”）.empty（）；
$。每个（数据、函数（）{
$（“#info”）.append（$（“”）.val（this.Id）.text（this.Name））；
});
});
}

这假定Id和Name是对象的属性。根据正在加载的下拉列表，可以使用ID和全名。我还使用T4MVC获得不同的方法名

---

希望这能有所帮助，

非常感谢，我的答案非常快！！非常感谢，我需要的工作和答案是超级快速！！