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

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    AJAX 二级级联菜单实现代码
    客户端代码:
    复制代码 代码如下:

    !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>
    meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    title>无标题文档/title>
    /head>
    script type="text/javascript">
    var xmlHttp;
    var a =new Array();
    function createXMLHttpRequest(){
    if(window.ActiveXObject){
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequest){
    xmlHttp=new XMLHttpRequest();
    }
    }
    function send_request(){
    createXMLHttpRequest();
    var year = document.getElementById("year");
    var url = "check_2.php?page="+escape(year.value);
    xmlHttp.open("GET",url,true);
    xmlHttp.onreadystatechange = checkit;
    xmlHttp.send(null);
    }
    function checkit(){
    if(xmlHttp.readystate == 4){
    if(xmlHttp.status == 200){
    showChild();
    }
    }
    }
    function showChild(){
    var xmlDoc=xmlHttp.responseXML;
    var content=xmlDoc.getElementsByTagName("city");
    for(var i=0;icontent.length;i++){
    var y=content[i];
    a[i]=y.childNodes[0].data;
    }
    show1();
    }
    function show1(){
    var obj=document.getElementById("name");
    var number=obj.length;
    for(var j=obj.length-1;j>=0;j--){
    obj.removeChild(obj.childNodes.item(j));
    }
    for(var i=0;ia.length;i++){
    var opt=document.createElement("OPTION");
    opt.text=a[i];
    obj.add(opt);
    }
    }
    /script>
    body>
    年份:select id="year" onchange="send_request()">
    option value="0">请选择/option>
    option value="1">1996-2006/option>
    option value="2">1986-1995/option>
    option value="3">1971-1985/option>
    option value="4">1970以前/option>
    /select>
    子目录:select id="name">
    option value="0">请选择/option>
    /select>
    /body>
    /html>

    服务器端代码:
    复制代码 代码如下:

    ?php
    header('Content-type: text/xml');
    $xml="?xml version='1.0' encoding='GB2312'?>";
    $year = $_GET["page"];
    $content = $xml."contents>";
    if($year == "1"){
    $content = $content."city>1/city>city>11/city>/contents>";
    }
    else if($year == '2'){
    $content = $content."city>2/city>city>12/city>/contents>";
    }
    else if($year == '3'){
    $content = $content."city>3/city>city>13/city>/contents>";
    }
    else if($year == '4'){
    $content = $content."city>4/city>city>14/city>/contents>";
    }
    echo $content;
    ?>
    您可能感兴趣的文章:
    • jQuery+ajax实现无刷新级联菜单示例
    • Ajax级联菜单实例代码
    • 前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例
    • Ajax+Json 级联菜单实现代码
    • AJAX实现web页面中级联菜单的设计
    • ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
    • 利用了jquery的ajax实现二级联互动菜单
    • ajax读取数据库内容实现二级联动下拉选择菜单示例
    • Javascript级联下拉菜单以及AJAX数据验证核心代码
    • 基于asp+ajax和数据库驱动的二级联动菜单
    • 一个强健 实用的asp+ajax二级联动菜单(有演示和附源程序打包下载)
    • ajax级联菜单实现方法实例分析
    上一篇:AJAX 实时读取输入文本(php)
    下一篇:利用AJAX实现鼠标悬浮获取值的代码
  • 相关文章
  • 

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

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

    AJAX 二级级联菜单实现代码 AJAX,二级,级联,菜单,实现,