我想要一个下拉列表,它将根据从另一个下拉列表(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,是一个例子