如何从单个表实现级联下拉菜单

时间:2019-04-16 17:35:37

标签: jquery asp.net ajax

我有一张桌子。表由3列组成。 id,资产容量 我有一个dropdown1资产。我还需要一个dropdown2来容纳容量。 当我从下拉菜单1中选择资产时,相应的容量应在下拉菜单2中 例如,如果资产1的容量为10, 下拉菜单2应该显示1到10(以数字表示), 例如,asset2具有容量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>

0 个答案:

没有答案