ajax笔记显示出所城市名称 ShowCity.aspx Html代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowCity.aspx.cs" Inherits="Ajax_ShowCity" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>调用数据库里的数据</title>

function LoadListItems()

{

StartAsyncCall(null,null);

}

function OnServerCallComplete(arg, ctx)

{

var idsAndNames = arg.split("~");

var ids = idsAndNames[0].split("|");

var names = idsAndNames[1].split("|");

var htmlCode;

var ddl = document.getElementById("ddlList");

for (var i=0; i < ids.length; i++)

{

htmlCode = document.createElement('option');

ddl.options.add(htmlCode);

htmlCode.text = names[i];

htmlCode.value = ids[i];

}

// Enable our drop down list as it

// should have some values now.

ddl.disabled = false;

}

function OnServerCallError(err, ctx)

{

alert("There was an error processing the request! Error was [" + err + "]");

}

function OnDropListSelectChanged()

{

var ddl = document.getElementById("ddlList");

var msg = document.getElementById("msg");

msg.firstChild.nodeValue=ddl.value;

}

</script>

</head>

<div>

<select id="ddlList"

onchange="OnDropListSelectChanged();" disabled="disabled">

</select>

</div>

<hr />

<div>

<label>选择的Value为: </label><span id="msg">{none}</span>

</div>

<div>

<asp:Label ID="lblMessage" runat="server"></asp:Label>

<asp:GridView ID="GridView1" runat="server">

</asp:GridView>

</div>

</form>

</body>

</html>

ajax笔记 显示出所城市名称 ShowCity.aspx Html代码

ajax笔记显示出所城市名称 ShowCity.aspx Html代码