ajax级联菜单小例子_jquery菜单 - 脚本学堂

php实例 shell脚本 jquery选择器 python模拟登录 linux命令 nginx apache

当前位置：首页 > 脚本编程 > jquery > jquery菜单 > 正文

ajax级联菜单小例子: 发布时间：2020-12-05编辑：脚本学堂

本文介绍了ajax级联菜单的实现代码，一个简单的ajax级联菜单的例子，有需要的朋友参考下。

1，html代码部分，级联菜单。

复制代码代码示例:

<html>
<head>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'> '>test</option>
</select>
</td>
</tr>
</table>
</body>

对应的js代码：
js代码1：

复制代码代码示例:

//本菜单是4级级联菜单，采用jquery框架来实现 

 $(document).ready( function () ;i<dicts.length;i++){

 var newOption=new Option($('name',dicts[i]).text(),$('code',dicts[i]).text());

 nextMenu.options.add(newOption);

 }

 });

 });

});

后台返回的数据格式：

复制代码代码示例:

<?xml version="1.0"cencodeing="gbk" ?> 

 <ajax-response> 

 <response> 

 <dict> 

 <code> </code> 

 <name> 市局1 </name> 

 </dict> 

 <dict> 

 </dict> 

 </response> 

 </ajax-respnse>

您可能感兴趣的文章：

上一篇：jquery遮罩层效果实现导航菜单代码
下一篇：jquery 二级导航菜单示例

与 ajax级联菜单小例子有关的文章

本文标题：ajax级联菜单小例子
本页链接：http://www.jb200.com/article/jquery/20102.html

浏览排行

栏目分类

热点文章