Bind a dropdownlist inside webmethod...

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.... 

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.... 

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.... 

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) {
$("#dropdownID").append('--Select--');
$.each(Ros, function (i, Ro) {
$("#dropdownID").append('' + Ro.Text + '');
});
},
error: function (ex) {
alert('Failed to retrieve Ro code.' + ex);
}
});

[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);

}

Thanks

Hi,

u can check this links.

https://taditdash.wordpress.com/2014/04/16/bind-dropdownlist-using-ajax-webmethod/