使用ASP.Net MVC3中的jQuery动态填充下拉列表

前端之家收集整理的这篇文章主要介绍了使用ASP.Net MVC3中的jQuery动态填充下拉列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个型号:
public class ProfessorModels
{
    public string FullName { get; set; }
    public int ID { get; set; }
}

public class ClassModels
{
    public int ID { get; set; }
    public string Professor { get; set; }
    public decimal Name { 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>

我想在课堂视图中添加一个下拉菜单,其中列出了所有可用的教授.教授在db中,我可以轻松地从控制器调用db并将所有教授加载到某个列表/数组中.
我需要帮助,如何使用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));
            });

        });
}

这假定Id和Name是对象的属性.您可以使用ID和FullName,具体取决于您加载的下拉列表.我还使用T4MVC来获取不同的方法名称.

希望这可以帮助,

原文链接:https://www.f2er.com/aspnet/251597.html

猜你在找的asp.Net相关文章