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");
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");
标签: 多级联动
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。