Bind a dropdownlist inside webmethod...

Question

How to bind a dropdownlist inside a webmethod?

Harshal Patil · Answer

Using Ajax call u can get it var Selected ='test'; $.ajax({ type: ' POST ', url: '@Url.Action(" GetProdList ")', dataType: ' json ', data: { statecode: Selected }, success: function (Ros) { $(" #dropdown ID ").append(' --Select-- '); $.each(Ros, function (i, Ro) { $(" # dropdown ID ").append(' ' + Ro.Text + ' '); }); }, error: function (ex) { alert(' Failed to retrieve Ro code .' + ex); } }); and on .cs site [WebMethod] public static GetProdList (string statecode ) { var prodcode=GetallProdcode(); List Pcodlst = new List () ; foreach (var prod in prodcode) { Pcodlst .Add(new SelectListItem { Text =prod.name, Value = prod.id }); }; return Json(Pcodlst , JsonRequestBehavior .AllowGet); }

Brijesh Rathor · Answer

Hi, u can check this links. https://taditdash.wordpress.com/2014/04/16/bind-dropdownlist-using-ajax-webmethod/

Aleena Saviour · Answer

JavaScript function function Check(ddldesig) { alert('hi'); alert(ddldesig); //var selectedText = $(ddldesig).text(); var selectedText=ddldesig.options[ddldesig.selectedIndex].text; var selectedValue = $(ddldesig).val(); alert("Selected Text: " + selectedText + " Value: " + selectedValue); var obj = {}; obj.desigId = selectedValue; obj.desig = selectedText; $.ajax({ type: "POST", url: "JobAssign.aspx/FillEmp", data: JSON.stringify(obj), contentType: "application/json; charset=utf-8", dataType: "json", success: function(response){ alert(response.d); var ddlEmp = $("[id*=ddlEmp]"); var dtset = jQuery.parseJSON(response.d); var dtEmp = dtset["Employee"]; ddlEmp.empty().append(' Select '); $.each(dtEmp, function () { ddlEmp.append($(" ").val(this['EmpId']).html(this['FirstName'])); }); //}); }, failure: function (response){ alert("failed"+response.d); } }); } Webmethod public static string FillEmp(int desigId, string desig) { DataTable dt = new DataTable(); DataSet ds = new DataSet(); try { objEmpBL = new EmployeeBL(); objEmpBL.EmpId = 0; objEmpBL.EmpCode = ""; objEmpBL.CompId = 0; objEmpBL.CatId = 0; objEmpBL.DeptId = 0; objEmpBL.ActDesgId = desigId; objEmpBL.VisaIssue = ""; objEmpBL.VisaExpiry = ""; dt = objEmpBL.EmpReportSelect(); dt.TableName = "Employee"; ds.Tables.Add(dt); } catch(Exception ex) { Console.WriteLine(ex); } return ds.GetXml(); } In the above code at the javascript function I got the correct datatable as response..but the extraction fails..any help....

Aleena Saviour · Answer

JavaScript function function Check(ddldesig) { alert('hi'); alert(ddldesig); //var selectedText = $(ddldesig).text(); var selectedText=ddldesig.options[ddldesig.selectedIndex].text; var selectedValue = $(ddldesig).val(); alert("Selected Text: " + selectedText + " Value: " + selectedValue); var obj = {}; obj.desigId = selectedValue; obj.desig = selectedText; $.ajax({ type: "POST", url: "JobAssign.aspx/FillEmp", data: JSON.stringify(obj), contentType: "application/json; charset=utf-8", dataType: "json", success: function(response){ alert(response.d); var ddlEmp = $("[id*=ddlEmp]"); var dtset = jQuery.parseJSON(response.d); var dtEmp = dtset["Employee"]; ddlEmp.empty().append(' Select '); $.each(dtEmp, function () { ddlEmp.append($(" ").val(this['EmpId']).html(this['FirstName'])); }); //}); }, failure: function (response){ alert("failed"+response.d); } }); } Webmethod public static string FillEmp(int desigId, string desig) { DataTable dt = new DataTable(); DataSet ds = new DataSet(); try { objEmpBL = new EmployeeBL(); objEmpBL.EmpId = 0; objEmpBL.EmpCode = ""; objEmpBL.CompId = 0; objEmpBL.CatId = 0; objEmpBL.DeptId = 0; objEmpBL.ActDesgId = desigId; objEmpBL.VisaIssue = ""; objEmpBL.VisaExpiry = ""; dt = objEmpBL.EmpReportSelect(); dt.TableName = "Employee"; ds.Tables.Add(dt); } catch(Exception ex) { Console.WriteLine(ex); } return ds.GetXml(); } In the above code at the javascript function I got the correct datatable as response..but the extraction fails..any help....

Aleena Saviour · Answer

JavaScript function function Check(ddldesig) { alert('hi'); alert(ddldesig); //var selectedText = $(ddldesig).text(); var selectedText=ddldesig.options[ddldesig.selectedIndex].text; var selectedValue = $(ddldesig).val(); alert("Selected Text: " + selectedText + " Value: " + selectedValue); var obj = {}; obj.desigId = selectedValue; obj.desig = selectedText; $.ajax({ type: "POST", url: "JobAssign.aspx/FillEmp", data: JSON.stringify(obj), contentType: "application/json; charset=utf-8", dataType: "json", success: function(response){ alert(response.d); var ddlEmp = $("[id*=ddlEmp]"); var dtset = jQuery.parseJSON(response.d); var dtEmp = dtset["Employee"]; ddlEmp.empty().append(' Select '); $.each(dtEmp, function () { ddlEmp.append($(" ").val(this['EmpId']).html(this['FirstName'])); }); //}); }, failure: function (response){ alert("failed"+response.d); } }); } Webmethod public static string FillEmp(int desigId, string desig) { DataTable dt = new DataTable(); DataSet ds = new DataSet(); try { objEmpBL = new EmployeeBL(); objEmpBL.EmpId = 0; objEmpBL.EmpCode = ""; objEmpBL.CompId = 0; objEmpBL.CatId = 0; objEmpBL.DeptId = 0; objEmpBL.ActDesgId = desigId; objEmpBL.VisaIssue = ""; objEmpBL.VisaExpiry = ""; dt = objEmpBL.EmpReportSelect(); dt.TableName = "Employee"; ds.Tables.Add(dt); } catch(Exception ex) { Console.WriteLine(ex); } return ds.GetXml(); } In the above code at the javascript function I got the correct datatable as response..but the extraction fails..any help....

Aleena Saviour · Answer

Thanks

Bind a dropdownlist inside webmethod...

Answers (6)