在 jquery 中使用 ViewModel 中的项目

Question

在我的 ViewModel 中，我有一个 ThemesFilterList：

public IEnumerable<SelectListItem> ThemesFilterList { get; set; }

我想使用 javascript/jquery 将此列表作为 <select> 元素附加到我的 <td> 元素。

所以，类似：

var td = $(this); //current <td> element.
var ThemesFilterList = @Html.Raw(Json.Encode(Model.ThemesFilterList)); // using my ThemesFilterList from Model.
td.append(ThemesFilterList);

Answer 1

所以ThemesFilterList 变量将有一个JSON 对象。

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

从这里你可以简单地循环这个 JSON 对象

var filterstr = '<select>';

for(var i = 0; i < ThemesFilterList.length; i++) {
    filterstr += '<option>' + ThemesFilterList[i].Value + '</option>';
}

filterstr += '</select>'

td.append(filterstr);

Fiddle