javascript - 在jQuery中使用ViewModel中的项

在我的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);

最佳答案

因此，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