ajax级联菜单实例代码下载

springmvc_freemarker

于 2016-02-23 09:24:07 发布

阅读量512

点赞数

分类专栏： java web网站开发文章标签：级联菜单实例代码 ajax

本文链接：https://blog.csdn.net/springmvc_freemarker/article/details/50720723

版权

java 同时被 2 个专栏收录

103 篇文章 0 订阅

订阅专栏

web网站开发

31 篇文章 0 订阅

订阅专栏

原文：ajax级联菜单实例代码下载

源代码下载地址：http://www.zuidaima.com/share/1751862737554432.htm


<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>