fastadmin 二级联动动态下拉

solitaire.

于 2021-09-30 17:53:10 发布

阅读量1.3k

点赞数

本文链接：https://blog.youkuaiyun.com/zyh2468/article/details/120355706

版权

这篇博客介绍了如何在Fastadmin中实现二级联动的动态下拉菜单，涉及HTML5、JavaScript和PHP技术。通过关联三张表，实现了根据年级和科目查询对应章节的功能。在V层的add.html中调整JS，C层的PHP文件中进行相应的查询操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个是二级联动动态下拉关联两张表

效果

根据年级和科目查询出对应的章节查询出对应数据，其中科目和年级小节走的是三张表

这样的效果是如何实现的呢

v层 add.html

  <div class="form-group">
             <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('年级')}:</label>
              <div class="col-xs-12 col-sm-8">
             <input id="c-grade"  data-field="grade" data-primary-key="grade" data-rule="required" data-source="grade/index" class="form-control selectpage" name="row[grade]" type="text" value="">
            </div>
             </div>
     </div>
<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Subject_id')}:</label>
        <div class="col-xs-12 col-sm-8">