在页面上动态添加和删除【添加信息的文本框】

页面上的内容：

当点击添加或删除会做出相应的操作

 

页面的html代码

 1 <li id="clid">
 2                            <div>
 3                                   姓名:<input type="text" name="guestName" class="dfinput" style="width: 150px;"/>
 4                                &nbsp;&nbsp;&nbsp;&nbsp;国别:<input name="guestState" type="text" class="dfinput" style="width: 150px;" >
 5                                &nbsp;&nbsp; 性别：&nbsp;&nbsp;<select name="guestSex">
 6                                                                    <option value="0">请选择</option>
 7                                                                    <option value="1">男</option>
 8                                                                    <option value="2">女</option>
 9                                                                </select>
10                                &nbsp;&nbsp;&nbsp;&nbsp;单位<input type="text" name="gusetUnit" class="dfinput" style="width: 150px;" />
11                                &nbsp;&nbsp;&nbsp;&nbsp;职务职称：<input type="text" name="guestJob" class="dfinput" style="width: 150px;" />
12                                <input type="button" value="删除" onclick="del(this);"><input type="button" value="添加" onclick="add();">
13                           </div>
14                      </li>

View Code