在 Javascript/JQuery 中迭代 Razor (SelectList) 参数

Question

我有一个带有下拉列表的表单，填充如下：@{   SelectList categoryList = CSharpHelper<type>(LookupCategory);}@Html.DropDownList("TaskCategoryId", categoryList, "Please select a Category")现在这工作正常，但是我现在希望能够在 Javascript 或 JQuery 中迭代此categoryList参数。我不想迭代下拉列表本身，因为我确实也希望迭代几个其他列表，但这些列表没有下拉列表。

Answer 1

您可以使用将任何 C# 属性转换为 javascript @Html.Raw(Json.Encode(object.property))，例如：

<script>

    var categories = @Html.Raw(Json.Encode(LookupCategory));

</script>

如果您有多个模型，您可以转换整个模型或创建一个模型 JavaScript 对象并添加到其中（以保持更好的 js 大小写），例如：

<script>

     var model = @Html.Raw(Json.Encode(Model));

</script>

或者

<script>

     var model = {};

     model.categories = @Html.Raw(Json.Encode(Model.Categories));

     model.titles = @Html.Raw(Json.Encode(Model.Books.Select(x=>x.Title)));

</script>