在 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>&nbsp; &nbsp; var categories = @Html.Raw(Json.Encode(LookupCategory));</script>如果您有多个模型，您可以转换整个模型或创建一个模型 JavaScript 对象并添加到其中（以保持更好的 js 大小写），例如：<script>&nbsp; &nbsp; &nbsp;var model = @Html.Raw(Json.Encode(Model));</script>或者<script>&nbsp; &nbsp; &nbsp;var model = {};&nbsp; &nbsp; &nbsp;model.categories = @Html.Raw(Json.Encode(Model.Categories));&nbsp; &nbsp; &nbsp;model.titles = @Html.Raw(Json.Encode(Model.Books.Select(x=>x.Title)));</script>