使用jQuery来控制下拉列表

时间:2011-05-13 13:15:10

标签: jquery asp.net-mvc

    <select id="DropList">
          @foreach (var item in Model.CategoryList)
          {

            <option value="@item.Id">
                @item.Name
            </option>
          }
    </select>

此列表包含图片类别。有一个数据库保存图片信息和分类信息。当我从列表中选择一个类别时,我想要查看属于该类别的所有图片。 这是我的清单。我希望控制器在我更改列表中的值时给我照片。 我正在使用jQuery从选定的列表元素中获取id,但我怎样才能获得图片。

此代码有效:

        @foreach (var item in Model.CategoryList)
        {
            <a id="aa" href="@Url.Action("Index", "Home", new { id = @item.Id })">@item.Name</a>

            <br />
        }
        <br />
        <a href="@Url.Content("http://localhost:55197/Home/CategoryEkle")">Yeni Kategori Ekle</a>

我想在下拉列表中使用相同的内容。

1 个答案:

答案 0 :(得分:0)

@Rory对你的帖子的评论很好。但是不是把它放在ViewModel中(因为控制器不关心视图显示的方式),我在视图中这样做:

@{
    var cats = new List<SelectListItem>();
    foreach (var item in Model.CategoryList)
        cats.Add(new SelectListItem() { Text = item, Value = item.Id });
}

@Html.DropDownList("DropList", cats)