jQueryを使用してドロップダウンリストを制御する

Question

<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> 

私は、ドロップダウンリストで同じにしたいです。

Answer 1

@ 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)