如何使用mvc填充Ajax结果的Html.Listbox 4

在我的MVC 4应用程序中，我想用Ajax结果填充Html.LisboxFor。如何使用mvc填充Ajax结果的Html.Listbox 4

笔者认为： @using（Html.BeginForm（ “UpdatePriority”， “优先级”，FormMethod.Post））{

@Html.Hidden("myListBoxValuesValues") 

    <div class="row"> 

     <div class="col-md-2"> 
      <label>FA:</label> 
      @Html.ListBoxFor(m => m.FA, new MultiSelectList(@Model.FA), new { @class = "lbx_FA" }) 
     </div> 

     <div class="col-md-1"> 
      <input id="btnAdd" type="button" value=" > " onclick="addItem();" /> 
     </div> 

     <div class="col-md-2"> 
      <label>CEID list:</label> 
      @Html.ListBoxFor(model => model.CEIDs, new MultiSelectList(Model.CEIDs), new { @class = "lbx_CEIDs" }) 
     </div> 

...and so on..

我我的控制器功能（JSON模式的回报字符串）：

public string getCeidPerFA(string FA) 
     { 
      return unitOfWork.ToolRequiredRepository.getCEIDsPerFA_Scenario(DAL.UnitOfWork.Scenario, FA); 
     }

的库函数：

internal string getCEIDsPerFA_Scenario(string scenario, string FA) 
     { 
      //create the result list (FAs): 

      List<string> FAs = FA.Split(',').ToList(); 

      var CEIDs = from row in context.ToolRequireds 
         where row.Scenario == scenario && FAs.Contains(row.FA) 
         select row.CEID; 

      List<string> lst = CEIDs.Distinct().ToList(); 

      //create Json Result: 

      List<SelectListItem> items = new List<SelectListItem>(); 

      foreach (var ceid in lst) 
      { 
       items.Add(new SelectListItem { Text = ceid, Value = ceid }); 
      } 


      return Json.Encode(items); 
     }

我的脚本：

function addItem() { 

    var result = ""; 

    var x = document.getElementById("FA"); 
    for (var i = 0; i < x.options.length; i++) { 
     if (x.options[i].selected == true) { 
      result += x.options[i].value + ","; 
     } 
    } 

    result = result.substring(0, result.length - 1); 

    $.ajax({ 

     url: "@(Url.Action("getCeidPerFA", "CeidSelection"))", 

     data: { "FA": result }, 

     success: function (data) { 


      if (data.length > 0) { 
       JSON.pa 
       $("#CEIDs").append(JSON.parse(data)); 
      } 
      else 
       alert("No Result"); 
     }, 

     error: function (xhr) { 

      alert("Something went wrong, please try again"); 

     } 

    }); 
}

我的代码是错误的，但我不知道该怎么做。任何帮助将非常感激。

来源

2013-12-15 user3087881

遍历数据导致这样

$('#CEIDs').empty(); 
$.each($(data), function(key, value) { 
    $('#CEIDs').append('<option value=' + key + '>' + value + '</option>'); 
});

来源

2013-12-15 20:09:35

我改变了我的函数返回一个JsonResult。我创建了这样的JsonResult： JsonResult js = new JsonResult（）{Data = items，JsonRequestBehavior = JsonRequestBehavior.AllowGet}; 然后我在ajax成功里面使用你的代码。现在我在列表框中看到的所有内容都是：“[object Object]”。我看不到Json的实际值。 – user3087881

，它告诉我你有列表项但没有值。如果您使用萤火虫查看对象，您应该能够确定需要查看的名称。应该是像value.key和value.value，无论你在这些领域上有什么名字 –

Thx！有用。我使用了你的提示，并使用chrome开发工具设法调试Json并进行prorper调整。 – user3087881

如何使用mvc填充Ajax结果的Html.Listbox 4

回答

相关问题