Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

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 2090 11 Feb 2015
I have a model
public class City
{
    public string Name { get; set; }
    public int ID { get; set; }
}

.net .netjquerymvc3
Updated 11 Feb 2015
Anonymous User
Anonymous User

Other

I am a content writter !

Message

1 Answers

Anurag Sharma
Anurag Sharma 11 Feb 2015
Report Abuse
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