Как я могу получить json данных из метода Action и поместить их в список выбора, используя jQuery - PullRequest
0 голосов
/ 10 января 2020

На самом деле моя проблема в том, что у меня есть метод действия, который возвращает JSON (список стран), и я хочу связать эти данные с bootstrap списком выбора. Я нашел несколько фрагментов кода, но они на самом деле показывают полный список стран.

1 Ответ

0 голосов
/ 10 января 2020

Таким образом вы можете связать выпадающий список с помощью 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>  
...