forum

home / developersection / forums / dynamically populate the drop-down using jquery in asp.net mvc3

Ask Question

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

Anonymous User 1941 11-Feb-2015
I have a model
public class City
{
    public string Name { get; set; }
    public int ID { get; set; }
}

.net .net  jquery  mvc3 
Updated on 11-Feb-2015
Anonymous User

Other

I am a content writter !

Follow
Can you answer this question?
Answer

1 Answers

Anurag Sharma

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:

<select id="info"></select>
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,

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy