当前位置：移动技术网 > IT编程>脚本编程>Ajax > 琥珀无限级分类联动菜单AJAX版

琥珀无限级分类联动菜单AJAX版

2017年12月12日 | 移动技术网IT编程 | 我要评论

我做好琥珀无限级分类联动菜单javascript版后，在蓝色理想和csdn上发表了一下，梅花雪兄在csdn上提出了效率不足的问题，我也认识到了这一点，本打算项目完工后再进行完善，但一时技痒，便在网上寻找了一下资料，最后做出了此ajax版无限级分类联动菜单。因时间匆忙，做得比较粗糙，但已利用ajax技术，实现无限级联动，待过一段时间再完善此版本。
希望能给大家提供一些帮助，有好的建议或bug可在此帖后回复或浏览http://www.51ajax.com/bbs/发帖。
运行环境：ms ie 6.0 firefox 1.0.1
下载地址：请点击这里
在线demo：请点击这里
bug 反馈：请点击这里
最后更新：2005-10-20 16:18
共有两个文件：
文件ajax.html代码如下：

<html> 
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=gb2312"> 
    <meta content="琥珀[hopesoft],[url]http://www.10090.com[/url]" name="author"> 
    <title>琥珀网 - 无限级联动菜单[ajax版]</title> 
    <style type="text/css"> 
    body, td 
    { 
      font-family: 宋体; 
      font-size: 12px; 
    } 
    </style>

<form name="form1" method="post" action=""> 
        <table width="90%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#cccccc"> 
          <tr bgcolor="f1f1f1"> 
            <td height="24" colspan="2" align="center">琥珀无限级联动菜单-ajax版 [hpmenu_ajax v1.0]</td> 
          </tr> 
          <tr bgcolor="#ffffff"> 
            <td width="12%" height="24" align="center">所 在 洲:</td> 
            <td><select name="sel1" id="sel1" onchange="getresult(this.value,1)"> 
               <option value="" selected="">-----请选择----- 
              <option value="10">亚洲 
              <option value="11">欧洲 
            </select></td> 
          </tr> 
          <tr bgcolor="#ffffff"> 
            <td height="24" align="center">国　　家:</td> 
            <td><select name="sel2" onchange="getresult(this.value,2)"> 
               <option value="" selected="">-----请选择----- 
            </select></td> 
          </tr> 
          <tr bgcolor="#ffffff"> 
            <td height="24" align="center">城　　市:</td> 
            <td><select name="sel3" id="sel3" onchange="getresult(this.value,3)"> 
               <option value="" selected="">-----请选择----- 
            </select></td> 
          </tr> 
          <tr bgcolor="#ffffff"> 
            <td height="24" align="center">地　　区:</td> 
            <td><select name="sel4" id="sel4"> 
               <option value="" selected="">-----请选择----- 
            </select></td> 
          </tr> 
          <tr bgcolor="f1f1f1"> 
            <td height="24" colspan="2" align="center" id="ajax"> </td> 
          </tr> 
      </table> 
        
 
        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0"> 
          <tr> 
            <td height="25" align="left">下载地址：</td> 
          </tr> 
          <tr> 
            <td height="25" align="left">在线demo：</td> 
          </tr> 
          <tr> 
            <td height="25" align="left">bug 反馈：</td> 
          </tr> 
          <tr> 
            <td height="25" align="left">最后更新：2005-10-20 16:18</td> 
          </tr> 
          <tr> 
            <td height="25" align="left">联系方式：msn:hopesoft@msn.com</td> 
          </tr> 
          <tr> 
            <td height="50" align="center">copyright(c) 2005  </td> 
          </tr> 
        </table> 
         
</form> 
</head></html>

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

7月15日笔试总结

测验项目：3C数码商城+简答题+选择题测验时间：3小时不足之处：简答题3道题留白，完全不懂，仍需复习，一道题简写... [阅读全文]
荐 http中status状态为canceled牵扯出的ajax一些问题

在使用layui弹窗的时候，在弹窗页面加了一个ajax实现一些逻辑，但当点击确定以后，发现页面没有等到ajax返... [阅读全文]
[LeetCode] 动态规划题总结

写在前面动态规划在互联网公司的笔试题中经常会使大题的压轴题，解动态规划题的关键是定义动态规划变量和写出状态转移方... [阅读全文]
记一次使用ajax时忽略其“异步”性质而犯的低级错误

前言前些天在使用ajax的时候，犯了傻，改一个bug改了很久，今天特地记录一下。问题描述使用ajax请求后台数据... [阅读全文]
React地图项目的学习----前端react

一、关于<img>照片在react中显示不出来的问题https://www.jianshu.com/... [阅读全文]
原生AJAX

AJAXAJAX 是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部... [阅读全文]
荐网上书城项目之书籍搜索、购物车的初步实现

网上书城项目前言书籍搜索购物车的初步实现总结前言今天为大家分享的知识点呢，是网上书城项目中的两个部分，书籍搜索页... [阅读全文]
【知道/智慧树】网课刷题·最终版本

因为学校开了一堆网课，而且都是美术体育之类的没什么用处，所以一直再找快捷的刷题方法，以前写过获取题目后使用微信搜... [阅读全文]
总结

1、Android第一个程序第一个Android程序的搭建—Hello Worda)如何新建一个工程（2种）b)... [阅读全文]
Ajax常见问题总结

Ajax常见问题总结5.1.1.https和http区别HTTP与HTTPS介绍1. 超文本传输协议HTTP协... [阅读全文]

网友评论


验证码：

琥珀无限级分类联动菜单AJAX版

2017年12月12日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论