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>

 

posted on 2006-10-17 17:37  小土泥  阅读(232)  评论(0)    收藏  举报

导航