Как создать выпадающий список внутри таблицы?

Question

У меня есть таблица с кнопкой в ​​каждой строке, которая при нажатии на нее позволяет редактировать содержимое ячеек. Мой вопрос заключается в том, что две ячейки должны быть выпадающим списком, когда я нажимаю на кнопку, и в раскрывающемся списке должны отображаться данные, которые я сохранил. Столбцы, которые должны быть раскрывающимися, - это значения имени и значения адреса.

Как я могу это сделать? Вот мой код:

foreach (var item in ViewBag.Spokes)
{
   <tr id="hoverable">                                        
     <td>@item.Id</td>
     <td><div class="row_data">@item.Name</div></td>
     <td><div class="row_data">@item.Address</div></td>
   </tr> 
}

Answer 1

Есть два решения для вашей проблемы:

1. Используйте DOM Jquery или Javascript, чтобы заменить содержимое ваших ячеек на DropdowList при нажатии на кнопку редактирования
2. Записи Foreach дублируют строки (одну для отображения данных, а другую для редактирования): при нажатии на кнопку редактирования скрыть первую строку и показать вторую строку, содержащую раскрывающийся список