jQuery动态嵌套或多级下拉菜单，选择时相同字段的选项会更改答案

【问题标题】：jQuery dynamic Nested or Multi-level dropdown, options change for same field when selectedjQuery动态嵌套或多级下拉菜单，选择时相同字段的选项会更改
【发布时间】：2021-05-02 19:22:42
【问题描述】：

我需要一个下拉菜单功能，它是链接字段和选择字段选项导航之间的交叉点。这个想法是从 Ajax/php 加载选项的下拉菜单，当用户选择一个选项时，选项会随着链接的变化而作为第一个选项返回到上一组选项。

我想使用 jQuery、Bootstrap 4、Select2 .. 虽然可能不需要 Select2 但我喜欢搜索选项工具

一切都发生在一个领域，动态加载新选项

Example:
Select Product
Windows       |--- Back to Products   |---  Back to Products
Doors---------|    Wood Doors         |     Back to Doors
Glass              Vinyl Doors--------|     Vinyl Entry
                                            Vinyl Sliders

<!--Basic DropDown-->

<div class="btn-group">
  <button type="button" class="btn btn-danger dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Action</button>
   <ul class="dropdown-menu">
     <li><a class="dropdown-item" href="#">Action</a></li>
     <li><a class="dropdown-item" href="#">Another action</a></li>
     <li><a class="dropdown-item" href="#">Something else here</a></li>
     <li><hr class="dropdown-divider"></li>
     <li><a class="dropdown-item" href="#">Separated link</a></li>
  </ul>
</div>

<!--AJAX Source-->
 $(document).ready(function(){
    var load_action = 'getNextList';   
    $.ajax({
        url:"action.php",
        method:"POST",
        data:{load_action:load_action},
        success:function(data){                         
            /*  Replace options? make sure link is included in source?? */
        }
    });
 });

【问题讨论】：

标签： php html jquery bootstrap-4

【解决方案1】：

我不知道该怎么称呼它，我搜索了“嵌套”和“多级”。我终于偶然发现了一些插件：

【讨论】：