如何在表格内创建下拉列表?

时间:2019-06-21 06:58:27

标签: javascript html asp.net asp.net-mvc

我有一个表格,每行都有一个按钮,单击该按钮可以编辑单元格的内容。我的问题是,当我单击按钮时,两个单元格必须是一个下拉列表,并且该下拉列表必须显示我已存储的数据。 必须下拉的列是“名称值”和“地址值”。

我该怎么办? 这是我的代码:

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> 
}

1 个答案:

答案 0 :(得分:0)

针对您的问题有两种解决方案:

  1. 使用Jquery或javascript DOM替换您的单元格内容             单击编辑按钮时出现DropdowList
  2. Foreach记录重复行(一个用于显示数据,另一个用于编辑):当您单击“编辑”按钮时,隐藏第一行并显示包含下拉列表的第二行