京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

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");

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5799
5799
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java