如何从 Action 方法获取 json 数据并使用 jQuery 将其放置在选择列表中

Question

实际上我的问题是我有一个操作方法将返回 JSON（国家列表），我想将该数据绑定到引导选择列表，我找到了几个代码 sn-ps 但它们实际上显示了完整的国家列表.

Answer 1

通过这种方式，您可以使用 jsonResult 绑定下拉列表。

In your controller

public ActionResult getCountry()  
    {  
        DatabaseEntities db = new DatabaseEntities();  
        return Json(db.Country.Select(x => new  
        {  
            CountryID = x.CountryID,  
            CountryName = x.CountryName  
        }).ToList(), JsonRequestBehavior.AllowGet);  
    }  

在你的 javascript 中

$(document).ready(function () {  
   $.ajax({  
       type: "GET",  
       url: "/Users/getCountry",  
       data: "{}",  
       success: function (data) {  
           var s = '<option value="-1">Please Select a Country</option>';  
           for (var i = 0; i < data.length; i++) {  
               s += '<option value="' + data[i].CountryID + '">' + 
           data[i].CountryName + '</option>';  
           }  
           $("#CountryDropdown").html(s);  
       }  
   });  
});  

在你的视野中

<form id="myForm">  
    <label for="CountryDropdown"><b>Departments</b></label>  
    <select class="form-control" id="CountryDropdown" 
  name="CountryDropdown"></select>  
</form>