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>

 1 <script type="text/javascript"> 2     //动态添加外宾 3     function add(){ 4         //获取要克隆的对象 5         var cloneDiv=$("#clid div").eq(0); 6         //克隆 7         var newDiv=cloneDiv.clone(); 8         //添加 9         //添加前清空值10         $("input[type=‘text‘]",newDiv).val("");        11         //添加12         newDiv.appendTo("#clid");13 14     }15     16     17     //删除18     function del(btn){19         //获取要删除的对象20         var delDiv=$(btn).parent();21         //当最后一个的时候不可删除22         var lastDiv=$("#clid div");23         if(lastDiv.length>1){24             delDiv.remove();25         }26     }27 </script>