菜单导航

关注公众号 jb51net

关闭
chained 基于jQuery多级联动插件

chained 基于jQuery多级联动插件

热门排行

简介

 jQuery 发展到现在,拥有相当多的封装良好的插件。本文要介绍的 Chained 就是一款很不错的 jQuery 多级联动插件。

  Chained 是一个简单易用的轻量级 jQuery 多级联动插件,使用它可快速创建多级联动的下拉列表。它通过在 Select 中设置 class 样式名来关联上级列表,下拉列表数据来源多样性,可以从本地 js 加载,或者使用 AJAX 从服务器端异步获取 JSON 数据。更重要的是它完美支持多种浏览器,没有兼容性问题。

如何使用
引入 jQuery 库及 Chained 插件

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.chained.min.js" type="text/javascript"></script>

  建立需要联动的下拉选择框,下级与上级联动通过样式名关联,比如这里的class="audi"

<select id="sel1">
<option value="">--</option>
<option value="audi">Audi</option>
<option value="aa">给力技术</option>
</select>
<select id="sel2">
<option value="">--</option>
<option value="bb" class="aa">啦啦啦</option>
<option value="a1" class="audi">A1</option>
</select>

  初始化插件

$("#sel2").chained("#sel1");

大家还下载了