下拉菜单按钮追加绑定动态数据

开发工具与关键技术： Visual Studio 2015 mvc

作者：彭水清

撰写时间：2019/7/16

下拉菜单组数据，是上下级关系。利用 bootstrap 的组件中的下拉菜单来动态的绑定数据库中的数据，通过 ID 选择器选择到 wineGreensMenu，再在控制器中查询（大类表查询小类表），然后用Js绑定动态数据。

下拉菜单按钮追加绑定动态数据的效果图：

那接下来就说一下需要怎么样做才能实现上面的效果呢。

1.利用 bootstrap 的组件中的下拉菜单来动态的绑定数据库中的数据

2.通过 ID 选择器选择到wineGreensMenu

    <div class="col-2"></div>

    <div class="col-0" >

        <span onclick="allWGItem();">全部</span>

    </div>

    <div class="col-8" id="wineGreensMenu">

    </div>

3. 然后在 js 中请求控制器的方法，在回调函数中接收到控制器查询到的数据库的动态数据 4. 请求控制器的方法代码

   /// 大类表查询小类表

   public ActionResu