Как я могу получить каскадный выпадающий из одной таблицы

Question

У меня есть стол. Таблица состоит из 3 столбцов. id, емкость актива У меня есть dropdown1 актива. Мне нужен dropdown2 для емкости тоже. Когда я выбираю актив из раскрывающегося списка1, соответствующая емкость должна отображаться в раскрывающемся списке2. Например, если актив1 имеет емкость 10, раскрывающийся список2 должен отображать от 1 до 10 (в виде чисел) например актив2 имеет емкость 12, раскрывающийся список должен отображать от 1 до 12 (как числа) Мой второй выпадающий список не заполняется Пожалуйста, помогите

 public JsonResult GetMembers(string asset)
        {
            db.Configuration.ProxyCreationEnabled = false;
            List<Addasset> StateList = db.addasset.Where(x => x.capacity == asset).ToList();
            return Json(StateList, JsonRequestBehavior.AllowGet);
        } 
     

 <script>
        $(document).ready(function() {

            $("#asset").change(function() {
                $.get("/Asset/GetMembers",
                    { asset: $("#asset").value()} ,
                    function(data) {
                        $("#capacity").empty();
                        $.each(data,
                            function(index, row) {
                                $("#capacity").append("<option value='" + row.capacity+ "'>" + row.id + "</option>")
                            });
                    });
            });

        });
    </script>

 Dropdown for asset and drop down for capacity
 
 <td>
                        @if (ViewBag.list != null)
                        {
                            @Html.DropDownListFor(model => model.asset, ViewBag.list as SelectList, "--select asset--", new { @class = "form-control" })

                        }
                        
                    </td>
                    <td>@Html.DropDownListFor(model => model.capacity, new SelectList(""), "select members", new { @class = "form-control" })</td>