java script mvc_Need Help while Populating the DropDownList via Java Script from MVC. List not popul...

2016-09-06 17:24:13

0

I am facing the problem when I am populating the DropDownList by JavaScript via MVC. I am getting the Uncaught TypeError: Cannot read property 'length' of undefined while populating the DDL.

My Code as define below

View:-

SubRetailer

@Html.DropDownListFor(m => m.SubRetailer, Model.SubRetailerList, "All Selected", new { @class = "form-control", id = "SubParentRetailerDDL" })

Controller : -

public ActionResult getSubRetailer(int ParentRetailerID)

{

List lstDesig = db.DashboardGetSubRetailer(ParentRetailerID).ToList();

return Content(JsonConvert.SerializeObject(lstDesig), "application/json");

}

JavaScripts function:-

function GetNames(ParentRetailerID) {

if (ParentRetailerID > 0) {

$("#SubParentRetailerDDL").get(0).options.length = 0;

$("#SubParentRetailerDDL").get(0).options[0] = new Option("Loading SubRetailer", "-1");

alert("ParentRetailerID : "+ ParentRetailerID);

$.ajax({

type: "POST",

url: "Search/getSubRetailer",

data: "{ParentRetailerID:" + ParentRetailerID + "}",

contentType: "application/json; charset=utf-8",

dataType: "json",

success: function (msg) {

alert("success : " + ParentRetailerID);

$("#SubParentRetailerDDL").get(0).options.length = 0;

$("#SubParentRetailerDDL").get(0).options[0] = new Option("Select SubRetailerName", "-1");

**$.each(msg.d, function (index, item) {

$("#SubParentRetailerDDL").get(0).options[$("#SubParentRetailerDDL").get(0).options.length] = new Option(item.SubRetailerName, item.SubRetailerID);

});

},**

error: function () {

alert("error : " + ParentRetailerID);

$("#SubParentRetailerDDL").get(0).options.length = 0;

alert("Failed to load SubRetailer");

}

});

}

else {

$("#SubParentRetailerDDL").get(0).options.length = 0;

}

}

I am facing the error at below step in java script. I am getting the data from Controller but not populating in DDL.

$.each(msg.d, function (index, item) {

$("#SubParentRetailerDDL").get(0).options[$("#SubParentRetailerDDL").get(0).options.length] = new Option(item.SubRetailerName, item.SubRetailerID);

});