Блог

Главная - Вопросы по программированию - Динамическое добавление выпадающего списка в таблицу с помощью append()

Динамическое добавление выпадающего списка в таблицу с помощью append()

#javascript #c# #jquery #asp.net-mvc

#javascript #c# #jquery #asp.net-mvc

Вопрос:

Могу ли я добавить выпадающий список в таблицу с помощью jquery append.

Например.

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

Я не знаю, как изменить это «@Html.Dropdownlist» на допустимую строку.

Комментарии:

1. Просто проверьте HTML, сгенерированный Html.DropDownList() методом, и скопируйте его. Но, вероятно, было бы проще включить его в представление внутри скрытого элемента, а затем клонировать его и добавить строку

2. Измените razor на html

Ответ №1:

вы не можете добавить серверный элемент управления с помощью javascript, вы можете добавить HTML select и загрузить параметры с помощью ajax 

 $('#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)); 
    });
});

Ответ №2:

Этот код добавит меню выбора к последней строке таблицы.

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