how to bind data from database into dropdown using knockout.js

See more:

MVC4

Hi,

I need to bind data into a dropdown from my database. I have written the following code:

In Model

public static IQueryable<JOBCATEGORY> GetCategory()
       {
           var db = new TKTv2JobEntities();
           var CategoryQry = from c in db.JOBCATEGORies.ToList()
                             select new JOBCATEGORY
                             {
                                 CategoryId = c.CategoryId,
                                 Category = c.Category
                             };
           return CategoryQry.AsQueryable();
       }

In API controller:

public IEnumerable<JOBCATEGORY> getCategory()
        {
            var category = HelpDeskRepository.GetCategory();
            return category.ToList();
        }

In View:

<select style = "font-size: 12px; font-weight: normal;" name="select1" id="select1" data-bind="options: categoryList, optionsText: 'Category', value: CategoryId, optionsCaption: "...Select...""></select>


In js

self.categoryList=ko.observableArray([]);
    $.getJSON("api/helpdeskapi/getCategory", function (data) {
                $.each(data, function (key, val) {
                    self.categoryList.push();
                  });
            });