chained 基于jQuery多级联动插件免费下载

【资源属性】:
资源名称:chained 基于jQuery多级联动插件
资源大小:8KB
资源类别: 菜单导航
更新时间:2023-02-18
资源语言:简体中文
授权方式:免费下载
使用平台:Windows/Linux/Mac
下载地址:下载地址

资源介绍:
 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");

资源标签: 多级联动