fastadmin的笔记

最新推荐文章于 2024-06-19 15:30:45 发布

原创最新推荐文章于 2024-06-19 15:30:45 发布 · 470 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#fastadmin

本文介绍了一种基于HTML和JavaScript的多级联动选择器实现方法，通过定义多个分类并利用data-selects属性进行联动设置，实现了从第一级到第四级的下拉菜单联动效果。该方法适用于产品分类或其他层级数据的展示。

一. 多级联动

   <div class="form-inline" data-toggle="cxselect" data-selects="first,second,third,fourth">
            <select class="first form-control" name="first" data-url="ajax/product?parent_id=0">
                </select>
            <select class="second form-control" name="second" data-url="ajax/product" data-query-name="parent_id">
                </select>
            <select class="third form-control" name="third" data-url="ajax/product" data-query-name="parent_id">
                </select>
            <select class="fourth form-control" name="fourth" data-url="ajax/product" data-query-name="parent_id">
                </select>
       </div>