1つのドロップダウンリストをリフレッシュ/リビジングするasp.net MVC

Question

私はドロップダウンリストを持っています。ドロップダウンリストは、ドロップダウンリストアイテムをリフレッシュするためのリンク&のカテゴリリストを持っています。

@Html.DropDownList("CategoryNameItemNameBinding", Model.CatgegoryNameItems) 

<a href="javascript:void(0)" id="opener" onclick="openDialog('Category',this)">Refresh Category List</a> </span> 

リンクがクリックされたとき、DropDownListコントロールがバインドされているデータベーステーブルが更新されるボタンの小さなポップアップウィンドウを開きます。

問題は、データベーステーブルが更新されても、ページを手動でリフレッシュするか、移動してページに戻るまで、ドロップダウンリストに新しいアイテムが表示されないことです。

ページ全体を更新/再読み込みしたくありません。新しいアイテムを反映するためにドロップダウンリストを更新するにはどうすればいいですか？

おかげ

Answer 1

あなたのAjax呼び出しが

$("#linkId").on('click', function (event) { 
      var url = "GetList"; 
      $.ajax({ 
       data: {}, 
       type: 'POST', 
       cache: false, 
       dataType: 'json', 
       url: url, 
       success: function (result) { 
        $("#dropDownId").empty(); 
        $("#dropDownId").append('<option value="">Select One</option>'); 
        $.each(result, function (i, item) { 
         $("#AddItemItemId").append('<option value="' + item.Value + '">' + 
          item.Text + '</option>'); 
         // here we are adding option for States 
        }); 
       }, 
       error: function (ex) { 
        alertify.alert('We face some technical difficulties. Hello World'); 
       } 
      }); 
      event.preventDefault(event); 
     }); 

とバックエンドのC＃コードになりますが

[HttpPost] 
    public JsonResult GetList() 
    { 

     var itemlist = _itemManager.GetItems(); 
     var itemList = itemlist.Select(item => new SelectListItem { Text = item.ItemName+" - "+item.PowerName, Value = Convert.ToString(item.Id) }).ToList(); 
     return Json(new SelectList(itemList, "Value", "Text")); 
    } 

を好きになるでしょう、これはあなたを助けることを願っています。ハッピーコーディング