在jquery中使用ViewModel中的Item

时间:2017-05-05 06:47:38

标签: javascript c# jquery html razor

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

1 个答案:

答案 0 :(得分: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