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