<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
$(document).ready
(
function () {
$('#ddl').change
(
function () {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebService.asmx/y",
data: "{a:" + $('#ddl >option:selected').val() + "}",
dataType: "json",
async: false,
success: function (data) {
$('#ddl1 > option').remove();
$('<option/>').text('-----Select-----').val(0).appendTo('#ddl1')
for (var i = 0; i < data.d.length; i++) {
$('<option/>').text(data.d[i].DNAME).val(data.d[i].DID).appendTo('#ddl1')
}
}
});
}
)
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebService.asmx/x",
data: "",
dataType: "json",
async: false,
success: function (data) {
$('<option/>').text('-----Select-----').val(0).appendTo('#ddl')
for (var i = 0; i < data.d.length; i++) {
$('<option/>').text(data.d[i].NAME).val(data.d[i].EID).appendTo('#ddl')
}
}
});
}
)
</script>
</head>
<body>
<form id="form1" >
<div align="center">
<select id="ddl"></select><br />
<select id="ddl1"></select>
</div>
</form>
</body>
</html>
Page looks like:
Webservice Code:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {
DataClassesDataContext o = new DataClassesDataContext();
public WebService ()
{
}
[WebMethod]
public string HelloWorld()
{
return "Hello World";
}
[WebMethod]
public List<EMP> x()
{
return o.EMPs.ToList();
}
[WebMethod]
public List<EMP1> y(int a)
{
var m = (from n in o.EMP1s where n.EID == a select n).ToList();
return m;
}
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<script language="javascript" type="text/javascript">$(document).ready
(
function () {
$('#ddl').change
(
function () {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebService.asmx/y",
data: "{a:" + $('#ddl >option:selected').val() + "}",
dataType: "json",
async: false,
success: function (data) {
$('#ddl1 > option').remove();
$('<option/>').text('-----Select-----').val(0).appendTo('#ddl1')
for (var i = 0; i < data.d.length; i++) {
$('<option/>').text(data.d[i].DNAME).val(data.d[i].DID).appendTo('#ddl1')
}
}
});
}
)
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebService.asmx/x",
data: "",
dataType: "json",
async: false,
success: function (data) {
$('<option/>').text('-----Select-----').val(0).appendTo('#ddl')
for (var i = 0; i < data.d.length; i++) {
$('<option/>').text(data.d[i].NAME).val(data.d[i].EID).appendTo('#ddl')
}
}
});
}
)
</script>
</head>
<body>
<form id="form1" >
<div align="center">
<select id="ddl"></select><br />
<select id="ddl1"></select>
</div>
</form>
</body>
</html>
Page looks like:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {
DataClassesDataContext o = new DataClassesDataContext();
public WebService ()
{
}
[WebMethod]
public string HelloWorld()
{
return "Hello World";
}
[WebMethod]
public List<EMP> x()
{
return o.EMPs.ToList();
}
[WebMethod]
public List<EMP1> y(int a)
{
var m = (from n in o.EMP1s where n.EID == a select n).ToList();
return m;
}
}
No comments:
Post a Comment