• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax级联菜单实例代码

    1.Ajax.html

    复制代码 代码如下:

    !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>
        title>Ajax/title>
    script type="text/javascript">
        function loadXMLDoc(txt) {
            var xmlhttp;
            if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            }
            else {// code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 xmlhttp.status == 200) {
                    var citys = xmlhttp.responseText.split(',');
                    document.getElementById("citys").length = 1;
                    for (i = 0; i citys.length - 1; i++) {

                        document.getElementById("citys").add(new Option(citys[i], citys[i]));
                    }
                    //                document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
                }
            }
            xmlhttp.open("GET","ajax/getdata.aspx?pro="+txt, true);
            xmlhttp.send();
        }
    /script>
    /head>
    body>

    h2>AJAX/h2>
        select id="Select1" onchange="loadXMLDoc(this.value)">
            option>请选择省份/option>
            option value="1">江苏/option>
            option value="2">上海/option>
        /select>
           select id="citys">
            option>请选择城市/option>
        /select>
    div id="myDiv">/div>

    /body>
    /html>


    2.getdata.aspx.cs
    复制代码 代码如下:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;

    public partial class ajax_getdata : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            string[] js=new string[]{"南京",  "苏州",  "常州" , "无锡" ,  "镇江"};
            string pro=Request.QueryString["pro"];
            if (pro == "1")
            {
                string temp = "";
                for (int i = 0; i js.Length; i++)
                {
                    temp = temp + js[i];

                    temp = temp + ",";

                }
                Response.Write(temp);
            }
            else
                Response.Write("");
        }
    }

    您可能感兴趣的文章:
    • jQuery+ajax实现无刷新级联菜单示例
    • 前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例
    • AJAX 二级级联菜单实现代码
    • Ajax+Json 级联菜单实现代码
    • AJAX实现web页面中级联菜单的设计
    • ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
    • 利用了jquery的ajax实现二级联互动菜单
    • ajax读取数据库内容实现二级联动下拉选择菜单示例
    • Javascript级联下拉菜单以及AJAX数据验证核心代码
    • 基于asp+ajax和数据库驱动的二级联动菜单
    • 一个强健 实用的asp+ajax二级联动菜单(有演示和附源程序打包下载)
    • ajax级联菜单实现方法实例分析
    上一篇:Ajax风格的一款网页Loading效果
    下一篇:AJAX级联下拉框的简单实现案例
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Ajax级联菜单实例代码 Ajax,级联,菜单,实例,代码,