动态生成列表

Question

任何人都可以给我一个关于如何动态生成这段代码的想法：

<div class="btn-group">
<button type="button" class="btn btn-default btn-lg dropdown-toggle" data-toggle="dropdown" runat="server">
<span class="caret"></span></button>
<ul class="dropdown-menu" id="testingPurposes">
  <li> 
    <div> 
        <span class="text-left" onclick="fct1()"> Text nr 1</span> 
        <asp:Image ID="Image1" ImageUrl="myImg.png" runat="server" onclick="fct2()"/> 
    </div> 
  </li>
  <li> 
    <div> 
        <span class="text-left" onclick="fct1()"> Text nr 2 </span> 
        <asp:Image ID="Image2" ImageUrl="myImg.png" runat="server" onclick="fct2()"/> 
    </div> 
  </li>
</ul>
</div>

此代码的主要思想是使用某种下拉列表查找控件，该控件具有带文本的跨度和每行上的图像。

这基本上是我的控制权在点击时的外观：

Text1 img1

Text2 img2

如果用户点击TextN，我会收到该点击的事件，我可以根据所选项目更新页面。 如果用户单击imgN，则TextN和imgN将从列表中消失。