将从控制器返回的selectbox值动态呈现为json

Question

我正在处理ajax请求，该请求发送一些id。基于该id我正在查询数据，并以json的形式返回到视图。这些数据用于填充视图中的选择框。

我有一个工作示例，它接收我用来填充选择框，但我希望将这些字符串和它的id值放在一起，这样我就可以要在select框中呈现字符串及其id。我怎么能那样做。

这就是我现在使用的

public JsonResult GetKeywords(int id) 
{
    List<string> data = new List<string>();
    var dataKeywords = db.KeyWords.Where(x => x.id == id).ToList();            
    foreach (var item in dataKeywords)
    {
        data.Add(item.Title);                
        // how to pass id?
    }
    return Json(data);
}

在视图上

 $(document).ready(function () {
    ...
    options.success = function (dataList) {
        $("#myKeywords").empty();
        for (var i = 0; i < dataList.length; i++) {
            $("#myKeywords").append("<option>" + dataList[i] + "</option>");
        }
        $("#myKeywords").prop("disabled", false);
    };
 });

Answer 1

您可以将匿名对象的集合作为json 返回

var dataKeywords = db.KeyWords.Where(x => x.id == id).Select(x => new
{
  ID = x.id,
  Text = x.Title
};
return Json(dataKeywords); // JsonRequestBehavior.AllowGet?

并且在脚本中

options.success = function(dataList) {
  $.each(dataList, function(index, item) {
    $("#myKeywords").append($('<option></option>').val(item.ID).text(item.Text));
  });
  ....