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

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > 调用数据库里的数据 </ title >
     < script  type ="text/javascript" > ...
        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 >
< body  onload ="LoadListItems();" >
     < form  id ="form1"  runat ="server"   >  
        < div >
             < select  id ="ddlList"  
            onchange ="OnDropListSelectChanged();"  disabled ="disabled" >
             < option > (加载数据...) </ option >
             </ select >
           </ div >
             < hr  />
         < div >
             < label > 选择的Value为: &nbsp; </ 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 >