ajax级联菜单小例子
发布时间:2015-12-21 编辑:jiaochengji.com
本文介绍了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>
<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);
}
});
});
});
$(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>
<ajax-response>
<response>
<dict>
<code> </code>
<name> 市局1 </name>
</dict>
<dict>
</dict>
</response>
</ajax-respnse>
您可能感兴趣的文章:
ajax级联菜单小例子
jquery 无限级联菜单案例分享
jquery 利用show和hidden实现级联菜单示例代码
jquery下拉菜单 ul标签下拉菜单的例子
Jquery 下拉菜单的实现代码一例
学习从实践开始之jQuery插件开发 菜单插件开发
jQuery多层级菜单插件 DD Mega Menu
jQuery ul标签下拉菜单演示代码
jquery下拉菜单实现代码(折叠菜单修改)
用jquery实现下拉菜单效果的代码
上一篇:jquery操作select实例
下一篇:jquery 二级导航菜单 示例
[关闭]