Quote for the Week

"Learn to enjoy every moment of your life"

Wednesday, July 23, 2014

How to bind JSON data to dropdownlist in Asp.net MVC using jQuery

jQuery Script 
-------------------

    $.ajax({
                url: "@Url.Action("GetDDLData","Employer")",
                data: {selectedValue:selectedValue},
                dataType: "json",
                type: "GET",
                error: function () {
                    alert(" An error occurred.");
                },
                success: function (data) {
                    var optionhtml1 = '<option value="' +
                     0 + '">' + "--Select State--" + '</option>';
                    $(".ddlProjectvalue").append(optionhtml1);
                 
                    $.each(data, function (i) {
                     
                        var optionhtml = '<option value="' +
                    data[i].Value + '">' +data[i].Text + '</option>';
                        $(".ddlProjectvalue").append(optionhtml);
                    });
                }
            });

Action Method
------------------

public ActionResult GetDDLData(string selectedValue)
    {
        int projectid = Convert.ToInt32(selectedValue);

        IEnumerable<SelectListItem> projectslist = (from proj in db.PROJECTs where proj.IS_DELETED == "N" && proj.ID != projectid select proj).AsEnumerable().Select(projt => new SelectListItem() { Text = projt.NAME, Value = projt.ID.ToString() });
        var result = new SelectList(projectslist, "Value", "Text", tm.PROJ_ID);
        return Json(result, JsonRequestBehavior.AllowGet);
    }

No comments: