我想要一个下拉列表,它将根据从另一个下拉列表(Cascade Dropdownlist)中选择的ID进行填充,并且我希望能够返回以Javascript排序的对象列表,然后将其提供给我的dropdownlistfor,但是我不知道如何。

<div class="form-group col-sm-6 col-md-6">
     <label for="@Html.IdFor(model => model.CoastId)">
              @Strings.CoastField
     </label>
     @Html.DropDownListFor(model => model.CoastId, Model.CoastList, SharedStrings.SelectDefaultOptionText, new { @class = "form-control" })
     @Html.ValidationMessageFor(model => model.CoastId)
</div>
<div class="form-group col-sm-6 col-md-6">
      <label for="@Html.IdFor(model => model.VillageId)">
                Village
      </label>
      @*DropdownListFor(model => model.VillageId, *****MyJavascriptList*****)*@
      @Html.ValidationMessageFor(model => model.VillageId)
</div>


然后,我将村庄列表以JSON格式发送到我的JavaScript文件。

      <script type="text/javascript">
         var villageList = @Html.Raw(Json.Encode(Model.AllVillageList));
         Form.init(villageList);
      </script>


然后,将onchange事件放在ID为“ CoastId”的第一个下拉列表中。

var Form = (function ($,_) {
var init = function(villageArray) {
    $('#UserName').focus();
    if (villageArray !== "") {
        $("#CoastId").change(function () {
            model.ReturnedVillages = _.filter(villageArray, function (obj) { return obj.RegionId === parseInt($("#CoastId").val()); });
            console.log(model.ReturnedVillages);
        });
    }
};
return {
    init: init
};
})(jQuery,_);


My "ReturnedVillage" object is like this

先感谢您。

最佳答案

嗨,@ MathD,您是否尝试过将Select List元素与ViewBag一起使用,那么在Select List的onchange方法上,您可以获取所选值并将其通过AJAX发送到下一个动作以填充第二个List,是一个例子

09-25 16:12
查看更多