MVC里面两个dropdownlist联动

最新推荐文章于 2018-11-14 15:07:40 发布

原创

最新推荐文章于 2018-11-14 15:07:40 发布 · 3.9k 阅读

5 ·

CC 4.0 BY-SA版权

本文介绍如何在MVC应用中实现两个dropdownlist的联动效果。通过在View中绑定属性，并在Controller中处理数据，配合JavaScript的onchange事件，实现在选择第一个dropdownlist时，动态筛选并更新第二个dropdownlist的内容。

MVC view里面有两个dropdownlist分别邦定到两个属性

View里面

    <div class="row">
        <div class="col-md-4">
            @Html.LabelFor(m => m.Name, new { @class = "form-label" })
            @Html.DropDownListFor(m => m.Id, (IEnumerable<SelectListItem>)ViewData["DSPService"], "Please Select", new { @id="dropdowndsp", @class = "form-control" ,<span style="color:#ff0000;"> @onchange="filterdropdownlist()"</span>} )
        </div>
        <div class="col-md-4">
            @Html.Label("DSP Service Detail")
            @Html.DropDownListFor(m => m.Id, (IEnumerable<SelectListItem>)ViewData["DSPServiceDetail"], "Please Select", new { @id="dropdowndspdetail" ,@class = "form-control" })
        </div>
    </div>

这里给第一个dropdownlist添加了onchange事件

在Controller里面