JS创建新元素组与删除当前元素组

最新推荐文章于 2024-07-02 06:55:36 发布

原创最新推荐文章于 2024-07-02 06:55:36 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

ajax+jquery+js系列专栏收录该内容

110 篇文章

订阅专栏

本博客展示了一个使用jQuery实现的用户信息添加脚本，包括姓名、性别、证件类型、证件号码、电话和备注等字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
$(document).ready(function(){
  $("#add_guest").click(function(){
<span style="white-space:pre">	</span>  $("#YK").append("<li >姓名:<input name='plan_user_name[]' type='text' id='plan_user_name[]' size='9'>&nbsp;&nbsp;<select name='plan_user_sex[]' id='plan_user_sex[]'><option value='不详'>—性别—</option><option value='男'>男</option><option value='女'>女</option></select>&nbsp;&nbsp; <select name='plan_user_sort[]' id='plan_user_sort[]'><option value='暂无'>—证件类型—</option><option value='身份证'>身份证</option><option value='军人证'>军人证</option><option value='护照'>护照</option><option value='学生证'>学生证</option><option value='港澳通行证'>港澳通行证</option><option value='其他'>其他</option></select>&nbsp; &nbsp;证件号码:<input type='text' name='plan_user_haoma[]' id='plan_user_haoma[]'>&nbsp;&nbsp;电话:<input name='plan_user_tel[]' type='text' id='plan_user_tel[]' size='13'>&nbsp;备注:<input type='text' name='plan_user_beizhu[]' id='plan_user_beizhu[]' maxlength='20'><input type='button' name='del[]' id='del[]' value='删除' onclick='dl(this.parentNode)'><BR></li>");
  });
 });
function dl(obj){
obj.parentNode.removeChild(obj);
}
</script>