forum

Home / DeveloperSection / Forums / Dynamically populate the drop-down using jQuery in ASP.Net MVC3

Dynamically populate the drop-down using jQuery in ASP.Net MVC3

Anonymous User 1760 11-Feb-2015

I have a model

public class City
{
    public string Name { get; set; }
    public int ID { get; set; }
}

.net jquery mvc3

Updated on 11-Feb-2015

Anonymous User

I am a content writter !

Can you answer this question?

Answer

1 Answers

Anurag Sharma

11-Feb-2015

In your controller:

[HttpGet]
    public virtual JsonResult LoadInfo()
    {
        var query = _repository.GetInformation(); //Here you return the data. 
        return Json(query, JsonRequestBehavior.AllowGet);
    }

Then in your view:

Then you load the drop down using jQuery

function LoadInfo() {
    $.getJSON("@Url.Action(MVC.ControllerName.MethodName())", null,
        function (data) {
            $("#info").empty();
            $.each(data, function () {
                $("#info").append($("<option />").val(this.Id).text(this.Name));
            });
        });
}

This assumes that Id and Name are properties of your object. You could use ID and Name depending on which drop down you're loading.

Hope this helps,

forum

Dynamically populate the drop-down using jQuery in ASP.Net MVC3

Anonymous User

1 Answers

Liked By