jquery ajax 多级select 菜单联动加载实现

现在的位置: 首页 > 综合 > 正文

jquery ajax 多级select 菜单联动加载实现

2018年05月06日 ⁄ 综合 ⁄ 共 2210字 ⁄ 字号小中大 ⁄ 评论关闭

大致流程

1. 先绑定各级 select 元素的 change 事件
2. 加载当前菜单数据后触发当前菜单的 change 事件
3. 触发当前菜单的 change事件时执行加载下级菜单的数据

加载当前数据->触发change事件-> 加载下级数据

如此实现一层层传递加载

代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript" src="http://open.snda.com/js/jquery.js" mce_src="http://open.snda.com/js/jquery.js"> </SCRIPT> </HEAD> <BODY> <SELECT NAME="aaa1" id="aaa1"> <option value="11" >11</option> <option value="12" >12</option> </SELECT> <SELECT NAME="aaa2" id="aaa2"> <option value="" >无</option> </SELECT> <SELECT NAME="aaa3" id="aaa3"> <option value="" >无</option> </SELECT> <SELECT NAME="aaa4" id="aaa4"> <option value="" >无</option> </SELECT> </BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HTML>

【上篇】采用 cname方式绑定域名到godaddy空间
【下篇】php 与 CPP 共用aes，ecb模式加密

作者: endgame

该日志由 endgame 于6年前发表在综合分类下，最后更新于 2018年05月06日.
转载请注明: jquery ajax 多级select 菜单联动加载实现 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

jquery ajax 多级select 菜单联动加载实现

作者: endgame

书签

最新文章New

本站推荐

返回首页