如何动态添加元素

Question

 姓名:<asp:DropDownList ID="DropDownList1" runat="server">
            <asp:ListItem Value="1">张三</asp:ListItem>
            <asp:ListItem Value="2">李四</asp:ListItem>
        </asp:DropDownList>
&nbsp;<asp:Button ID="Button1" runat="server" Text="增加" />
    </p>
    <div>
        姓名:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        年龄<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        身高<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
        <asp:Button ID="Button2" runat="server" Text="删除" />
    </div>
点击增加，能添加div里的东西，也就是3个字段，其中姓名是根据下拉菜单的值决定的要怎么做？
点击删除能删除掉这行

Answer 1

额。。举个例子的。顺手了，HTML的就行了

Answer 2

在js中添加就是某标签.append(内容) 删除就是remove

Answer 3

外面的标签对象的appendChild(要添加的标签);
删除的话用节点方法remove或removeChild

Answer 4

用javascipt的append吧,这些可以在浏览器完成的尽量用javascript.传输必须要传的

Answer 5

比如
var img=document.createElement('img');
img.src='ooxx.jpg';
document.body.appendChild(img);

Answer 6

没看明白，增加的时候增加到哪儿，增加到数据库？
删除的时候从数据库删除还是只是删除ListItem

Answer 7

动态操作dom，添加就创建dom对象然后添加到相关节点中
删除就直接删除当前dom对象

Answer 8

  姓名:<select ID="DropDownList1" runat="server">
  <option Value="1">张三</option>
  <option Value="2">李四</option>
  <option Value="3">王五</option>
  </select>
&nbsp;<input type="button" ID="Button1" runat="server" value="增加" onclick="doAdd()"/>
  </p>
  <div id="div_list">
  </div>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
function doAdd(){
var ddl = document.getElementById("DropDownList1");
var user = ddl.options[ddl.selectedIndex].text;
var div = document.createElement("div");
div.innerHTML = '姓名:<input type="Text" runat="server" value="'+ user +'">'
  + '年龄:<input type="Text" runat="server">'
  + '身高:<input type="Text" ID="TextBox4" runat="server">'
  + '<input type="button" runat="server" value="删除" onclick="doDel(this)"/>';
document.getElementById("div_list").appendChild(div);
}
function doDel(obj){
var div = obj.parentNode;
document.getElementById('div_list').removeChild(div);
}
  //-->
  </SCRIPT>