使用append()动态地将dropdownlist添加到表

时间:2016-10-19 08:50:13

标签: javascript c# jquery asp.net-mvc

我可以使用jquery append将dropdownlist添加到表中。

例如

$(#table).append("<tr><td>@Html.DropDownList('TP',new SelectList(@Model.RefList, 'Value', 'Text',@Model.Ref))</td></tr>");

我不知道如何改变这个&#34; @ Html.Dropdownlist&#34;有效的字符串。

2 个答案:

答案 0 :(得分:0)

您无法使用javascript添加服务器控件,您可以使用ajax添加HTML选择并加载选项

$('#table').append('<select id="mySelect"></select>');

示例:

$.ajax({
    url: "myServiceURL"
}).done(function(myOptions) {

    $.each(myOptions, function(key, value) {   

        $('#mySelect')
            .append($("<option></option>")
                .attr("value",key)
                .text(value)); 
    });
});

答案 1 :(得分:0)

此代码会将“选择”菜单附加到表格的最后一行。

var select_list = '<select id="list">';
//you can add more options by repeating the next line & change text,value
select_list += '<option value="changevalue">change text</option>';
select_list += '</select>';
$("#table").append("<tr><td>"+select_list+"</td></tr>");