• 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>
  • 相关阅读:
    SqlServer2008 安装经验日志总结
    Moile手机开发日志总结若干问题
    安装和卸载Android应用程序(apk包)
    Android Intent 常见用法总结
    vs2008+sqlserver2008 同一台服务器webconfig 数据连接串的配置要点
    注意了android日期控件月份比实际少一个月
    Android 蓝牙开发研究
    [javascript] 怎样在javascript里面调试object
    [Ubuntu] 转载:ubuntu apache2配置
    [Ubuntu] 如何在Ubuntu11.04将PHP5.3降级到PHP5.2
  • 原文地址:https://www.cnblogs.com/xiaotuni/p/2365812.html
Copyright © 2020-2023  润新知